首先,使用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());
}