Question

我尝试使用setCustomValidity（）进行自定义验证，它只在用户提交表单时起作用。如何在onblur上设置它，在用户输入值时验证文本框？任何帮助将不胜感激。

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;
}

}

Answer 1

试试这个

Where

它将在失去焦点时调用函数..

Answer 2

<!DOCTYPE html>
<html>
<body>



Enter your Year: <input type="text" id="myInput" onblur="return validate(this)">

<script>
function validate(i)
{

var yearlength = i.value;

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

}

Rahter比编写你的方法我刚刚添加了警报

使用onblur使用setCustomValidity（）设置自定义验证

2 个答案: