使用jquery验证程序插件进行错误验证
这是我问题的全部根源。我无法在errorContainer中显示错误消息和元素的列表。i、 e.如果我还没有完成Address1和Address2，我就很难在errorContainer中说明这一点？这可能吗？ 非常感谢,， 詹姆斯使用jquery验证程序插件进行错误验证,jquery,html,dhtml,Jquery,Html,Dhtml,这是我问题的全部根源。我无法在errorContainer中显示错误消息和元素的列表。i、 e.如果我还没有完成Address1和Address2，我就很难在errorContainer中说明这一点？这可能吗？ 非常感谢,， 詹姆斯 $(function () { var validator = $("#mytestform").validate({ rules: { "data.Telephone": { numb
$(function () {
var validator = $("#mytestform").validate({
rules: {
"data.Telephone": { number: true },
"data.Mobile": { number: true },
"data.Address1": { number: true },
"data.Address2": { number: true }
},
messages: {
"data.Telephone": "Please enter telephone number",
"data.Mobile": "Please enter mobile number",
"data.Address1": "Please enter address 1",
"data.Address2": "Please enter address 2"
},
errorContainer: $('#errorContainer'),
invalidHandler: function () {
$("#errorContainer").addClass(' error').text(validator.numberOfInvalids() + " field(s) are invalid");
}
});
});
</script>
<style type="text/css">
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
</style>
</head>
<body>
<form id="mytestform" method="get">
<input name="data.Telephone" id="data.Telephone" class="required" />
<br/>
<input name="data.Mobile" id="data.Mobile" class="required" />
<br/>
<input name="data.Address1" id="data.Address1" class="required" />
<br/>
<input name="data.Address2" id="data.Address2" class="required" />
<br/>
<input type="submit" value="GO"/>
<br/><br/>
<div id="errorContainer">
</div>
</form>
$(function () {
var validator = $("#mytestform").validate({
rules: {
"data.Telephone": { number: true },
"data.Mobile": { number: true },
"data.Address1": { number: true },
"data.Address2": { number: true }
},
messages: {
"data.Telephone": "Please enter telephone number",
"data.Mobile": "Please enter mobile number",
"data.Address1": "Please enter address 1",
"data.Address2": "Please enter address 2"
},
errorContainer: $('#errorContainer'),
invalidHandler: function () {
$("#errorContainer").addClass(' error').text(validator.numberOfInvalids() + " field(s) are invalid");
}
});
});
</script>
<style type="text/css">
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
</style>
</head>
<body>
<form id="mytestform" method="get">
<input name="data.Telephone" id="data.Telephone" class="required" />
<br/>
<input name="data.Mobile" id="data.Mobile" class="required" />
<br/>
<input name="data.Address1" id="data.Address1" class="required" />
<br/>
<input name="data.Address2" id="data.Address2" class="required" />
<br/>
<input type="submit" value="GO"/>
<br/><br/>
<div id="errorContainer">
</div>
</form>
$（函数（）{
var验证程序=$（“#mytestform”）.validate({
规则：{
“数据.电话”：{number:true}，
“data.Mobile”：{number:true}，
“data.Address1”：{number:true}，
“data.Address2”：{number:true}
},
信息：{
“数据.电话”：“请输入电话号码”，
“data.Mobile”：“请输入手机号码”，
“数据地址1”：“请输入地址1”，
“data.Address2”：“请输入地址2”
},
errorContainer:$（“#errorContainer”），
invalidHandler:函数（）{
$（“#errorContainer”）.addClass（'error'）.text（validator.numberOfInvalids（）+”字段无效）；
}
});
});
label.error{float:none；颜色：红色；左填充：.5em；垂直对齐：top；}
$(function () {
var validator = $("#mytestform").validate({
rules: {
"data.Telephone": { number: true },
"data.Mobile": { number: true },
"data.Address1": { number: true },
"data.Address2": { number: true }
},
messages: {
"data.Telephone": "Please enter telephone number",
"data.Mobile": "Please enter mobile number",
"data.Address1": "Please enter address 1",
"data.Address2": "Please enter address 2"
},
errorContainer: $('#errorContainer'),
invalidHandler: function () {
$("#errorContainer").addClass(' error').text(validator.numberOfInvalids() + " field(s) are invalid");
}
});
});
</script>
<style type="text/css">
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
</style>
</head>
<body>
<form id="mytestform" method="get">
<input name="data.Telephone" id="data.Telephone" class="required" />
<br/>
<input name="data.Mobile" id="data.Mobile" class="required" />
<br/>
<input name="data.Address1" id="data.Address1" class="required" />
<br/>
<input name="data.Address2" id="data.Address2" class="required" />
<br/>
<input type="submit" value="GO"/>
<br/><br/>
<div id="errorContainer">
</div>
</form>
invalidHandler: function () {
$('#errorContainer').html('<ul>').addClass('errorContainer');
for (var i = 0; i < validator.errorList.length; i++) {
$('#errorContainer').append('<li>' + validator.errorList[i].message + '</li>');
}
$('#errorContainer').appendTo('</ul>');
},
invalidHandler:函数（）{
$（'#errorContainer'）.html（''）.addClass（'errorContainer'）；
对于（var i=0；i'+validator.errorList[i].message+''）；
}
$（“#errorContainer”）.appendTo（“
”）；
},