Ter*_*nce 0 html jquery jquery-validate
Ello堆栈,Cant似乎弄清楚为什么在验证字段后我的div中没有显示任何文本.这是我的代码.我知道验证正在运行但是,我不确定为什么我的验证消息没有显示在div中.
<html>
<head>
<script src="Scripts/jquery-1.5.2.js" type="text/javascript"></script>
<script src="http://localhost:62147/Scripts/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
"use strict";
$(document).ready(function () {
$("#testerbtn").bind("click", function () {
alert("onclick is fired");
$("#myform").validate({
errorLabelContainer: $("#Errors"),
rules: {
textToVal: { required: true }
},
messages: {
textToVal: "the field is required! nub~!"
}
});
alert("validation should have happend.");
})
});
</script>
<title>Test Page</title>
</head>
<body>
<form id = "myform" action="htmlPage1.htm">
<div id="Errors"></div>
<div>
<input type="text" id="textToVal" value="" />
<input type="button" id="testerbtn" value="Tester" />
</div>
</form>
</body>
</html>
我在这里看到的一些事情可能会导致问题:
确保你input的name属性:
<input type="text" id="textToVal" value="" name="textToVal" />
validate()应该在您的点击处理程序之外实例化.此外,将您的button类型更改submit为自动触发验证代码.
综上所述:
JavaScript的:
$(document).ready(function () {
$("#myform").validate({
errorLabelContainer: $("#Errors"),
rules: {
textToVal: {
required: true
}
},
messages: {
textToVal: "the field is required! nub~!"
}
});
});
HTML:
<form id = "myform" action="htmlPage1.htm">
<div id="Errors"></div>
<div>
<input type="text" id="textToVal" value="" name="textToVal" />
<input type="submit" id="testerbtn" value="Tester" />
</div>
</form>
工作示例:http://jsfiddle.net/fJ8XF/