使用onblur通过setCustomValidity()设置自定义验证 [英] Using onblur to set custom validation using setCustomValidity()

问题描述

我正在尝试使用setCustomValidity()进行自定义验证，仅当用户提交表单时它才起作用.我如何在onblur上设置它，在用户输入值时验证文本框?任何帮助将不胜感激.

I''m trying to make custom validation using setCustomValidity(), it''s work only when user submit the form. How can i set it on onblur , validate the textbox while user enter the value ? any help would be appreciated.

input type="text" name="YEAR" id="YEARMAKE" value="" required="true" oninput="validate(this)" />

function validate(input)
{
    var yearlength = input.value;

    if (yearlength.length < 4) {
        input.setCustomValidity('The year must have 4 digits');
        return false;
    } else {
        input.setCustomValidity('');
        return true;
    }
}

推荐答案

var myText = document.getElementById("YEAR")
// ...

myText.onblur = function(eventInstance) {
   // ...
   doAnythingYouWant()
}

依此类推...

请记住，通常，您需要安装偶数处理程序以响应body元素的事件onload.

—SA

And so on…

Remember that, generally, you need to install the even handlers in response the the event onload of the body element.

—SA

这篇关于使用onblur通过setCustomValidity()设置自定义验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！