大佬教程收集整理的这篇文章主要介绍了如何在jQuery验证中添加带消息的验证规则？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
var v = jQuery("#account_info").validate({
//errorLabelContainer: $("#result"),submitHandler: function(form) {
jQuery(form).ajaxSubmit({
target: "#checkOut_error",success: function(msg) {
//setTimeout("window.LOCATIOn='MyBids.PHP'",2000);
if(msg == '<?PHP echo OBjeCT_STATUS_succesS;?>') {
$('#checkOut_error').html('<div class="msg msg-thanks">Bid Submitted successfully !</div>');
//setTimeout("window.LOCATIOn='"+<?PHP echo LINK_TO_TENBID;?>+"'",2000);
//setTimeout("window.LOCATIOn.reload(true)",2000);
//$('.result').html('<div class="msg msg-thanks">Bid Submitted successfully !</div>');
} else{
$("#checkOut_error").html(msg);
}
},clearForm: false,resetForm: false
});
},errorLabelContainer: "#checkOut_error",rules: {
phone_number: {
required: true
},recipient_name: {
required: true,min_length: 6
}
},messages: {
recipient_name: {
required: "Enter recipient name",min_length: "Name should be atleast 6 characters long"
}
}
});
As per documentation,该插件要求所有输入字段都包含name属性.在.validate()中指定规则和消息时,您将使用Name属性.
@H_308_5@min_length规则不应包含下划线.这是最小的.否则,您的代码看起来正确.
基于您的代码的简单演示……
jQuery的：
$(document).ready(function () { $("#account_info").validate({ rules: { phone_number: { required: true },recipient_name: { required: true,minlength: 6 // <-- removed underscore } },messages: { phone_number: { required: "this field is required" },recipient_name: { required: "Enter recipient name",minlength: "Name should be at least {0} characters long" // <-- removed underscore } },submitHandler: function (form) { // for demo alert('valid form'); // for demo return false; // for demo } }); });
HTML：
<form id="account_info"> <input type="text" name="phone_number" /> <br/> <input type="text" name="recipient_name" /> <br/> <input type="submit" /> </form>
工作jsfiddle演示：http://jsfiddle.net/rfgRL/
此外,在使用minlength等规则时,您的自定义消息可以包含插入特定规则定义的占位符{0}.
@H_563_7@minlength: 6
使用自定义消息…
@H_563_7@minlength: "Name should be at least {0} characters long"
由于您只在DOM上调用一次.validate(),只准备使用其选项初始化验证插件,因此将其分配给变量没有任何意义;它不会在任何地方重复使用……至少它不应该.
var v = jQuery("#account_info").validate({...});
简直就是这个……
jQuery("#account_info").validate({...});
在代码的其他地方,如果您需要测试表单的有效性或重新触发有效性测试,use the .valid() method.它将返回任何待处理表单错误的布尔值和触发器显示.例：
if (jQuery("#account_info").valid()) { ...
以上是大佬教程为你收集整理的如何在jQuery验证中添加带消息的验证规则？全部内容，希望文章能够帮你解决如何在jQuery验证中添加带消息的验证规则？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。