使用jquery在我的表单顶部显示错误消息
我需要知道如何使用jquery在表单顶部显示错误消息 im使用jquery/1.10.2/jquery.min.js和jquery form validator/2.1.38/jquery.form-validator.min.js 如果能帮我,那就太好了 下面是一个使用jquery表单验证器进行表单验证的示例使用jquery在我的表单顶部显示错误消息,jquery,Jquery,我需要知道如何使用jquery在表单顶部显示错误消息 im使用jquery/1.10.2/jquery.min.js和jquery form validator/2.1.38/jquery.form-validator.min.js 如果能帮我,那就太好了 下面是一个使用jquery表单验证器进行表单验证的示例 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script&g
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.38/jquery.form-validator.min.js"></script>
<body>
<form id="form1" name="form1" method="POST" action="">
<table width="325" border="1">
<tr>
<td>Pseudo</td>
<td>
<input name="user" data-validation="length alphanumeric"
data-validation-length="3-12" data-validation-error-msg="The user name has to be an alphanumeric value between 3-12 characters" />
</td>
</tr>
<tr>
<td>Password</td>
<td>
<input type="password" name="password" data-validation="strength"
data-validation-strength="2" required>
</td>
</tr>
<tr>
<td>Password confirmation</td>
<td>
<input type="password" name="Password_confirmation" data-validation="confirmation" required/>
</td>
</table>
</form>
<script>
$.validate({
modules : 'location, date, security, file',
onModulesLoaded : function() {
$('#country').suggestCountry();
}
});
// Restrict presentation length
$('#presentation').restrictLength( $('#pres-max-length') );
</script>
<script>
$("#form1").validate({
errorLabelContainer: "#messageBox",
wrapper: "li",
submitHandler: function() { alert("Submitted!") }
});
</script>
您在您的验证代码中选择了一个项目ID消息框,但是在您发布的代码中没有ID元素的HTML元素。您可以考虑使用一个单独的库,如toASTR来显示错误/消息。我该怎么办?创建一个div并将错误消息放在上面?