and*_*fox 5 validation jquery text input jquery-validate
我有一个jQuery Validator的问题.我想在文本输入上使用"required"属性.当输入通过HTML代码设置值属性(在Firefox(3.5)上测试,并且在IE 8上 - 在IE上它工作得更好)时,它不起作用.
故事:1.页面加载; 2.价值被清除; 3.重点改变了.4.没有任何反应,但应显示错误信息; 5.回到现场并输入一些字符.6.改变焦点; 7.回到田野; 8.清理现场.9.即使在离开现场之前也会显示错误.
HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script src="Web/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="Web/Scripts/jquery.validate.js" type="text/javascript"></script>
</head>
<body>
<form id="form1">
<input type="text" id="name1" name="name1" value="test" /><br />
<input type="text" />
</form>
<script type="text/javascript">
$(document).ready(function() {
var validator = $("form").validate({
rules: {
name1: {
required: true,
minlength: 2
}
},
messages: {
name1: "bad name"
},
});
});
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
您可以覆盖onfocusout处理程序以使其按您想要的方式工作(更热切):
$(function() {
var validator = $("form").validate({
rules: { name1: { required: true, minlength: 2 } },
messages: { name1: "bad name" },
onfocusout: function(element) { $(element).valid(); }
});
});
Run Code Online (Sandbox Code Playgroud)
你可以看到破旧的演示(比如你的问题),在这里和更新一个与onfocusout该作品在这里.