要使用jQuery的介绍。validate1.9.0前台验证

要使用jQuery的介绍。validate1.9.0前台验证
首先,使用jquery.form插件提交使用jquery.validate插件的形式方法

现象:提交表格时,即使前台未核实,表格也照常提交。

uff1a结算条款
复制代码代码如下所示:
(以下是我参考网上的#美元)。提交(函数(){)
如果(!$(this)。有效(false)返回
$(错误)。Html();
$(#去)。道具(残疾人
$(这)。AjaxSubmit({
类型:邮政
/ / beforesubmit:showrequest,
DataType:'json,
成功:showresponse
});
返回false;
});

相关说明:

自定义提交(ajax提交)
如果使用Ajax,请将以下两种方式与结帐框架结合起来
1),使用submithandler属性配置Ajax提交,submithandler:当形式通过,回调代码将回调。当验证通过时也称为Ajax提交。
2),使用有效的方法,听提交事件的形式提交时(#美元形式)。有效的()返回真。

通过侦听表单提交事件,Ajax被提交到表单:
复制代码代码如下所示:
$(文档)Ready(函数(){)

(以下是我参考网上的#美元)。提交(函数(){)
如果(!$())有效())返回false;
$(错误)。Html();
$(#去)。道具(残疾人
$(这)。AjaxSubmit({
类型:邮政
/ / beforesubmit:showrequest,
DataType:'json,
成功:showresponse
});
返回false;
});

VaR验证=美元(#以下是我参考网上验证({)。
规则:{
用户名:必需
电子邮件:{
要求:真实,
电子邮件:真
}
},
信息:{
用户名:请输入您的姓名。
电子邮件:{
要求:请输入电子邮件地址
电子邮件:请输入正确的电子邮件地址
}
}
});

});

功能showresponse(JSONData,StatusText)
{
如果(StatusText = = ''成功')
{
$(#去)。道具(残疾人
如果(jsondata.status = 1)
{
$(#回归)。Html(JSONData。消息);
}
其他的
{
美元。每个(jsondata.errors,函数(k,v){
/ / $(' #输出),发现('ul)。追加(V);
$('。e_ + K).html(V);
});
}
}
}

两。误差信息的定位控制方法
现象1:

我在注册表中添加了一个新的验证代码。当验证结果出错时,这个错误信息会出现在验证代码的前面:

目的:在验证代码后面生成错误消息。

现象二:
上面图片中的红色提示,我想移动到后面(*要求)。

上述现象可以用jquery.validate用来控制错误信息的位置'errorplacement ',这也是使用非常方便:
复制代码代码如下所示:
errorplacement:函数(误差、元)
{
Error.appendTo(element.parent());
}
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部