jquery.validate1.9.0前台验证使用介绍

1.使用jquery.form插件提交表单的方法使用jquery.validate插件现象：提交表单时，即使前台没有验证，表单也会照常提交。解决方案：按如下方式复制代码： $(“# my form”)。Submit()函数(){if(！$(这个)。valid())返回false//添加这句话OK $('。错误')。html(“”)；$('#go ')。prop('disabled '，true)；$(这个)。ajaxSubmit({ type:'POST '，//beforeSubmit: showRequest，dataType:'json '，success : show response })；返回false});说明：自定义提交方式(ajax提交)如果使用ajax提交，请结合验证框架使用以下两种方式。1)使用submitHandler属性配置ajax提交。submithandler:配置好的代码会在所有表单通过验证的时候回调，也就是说验证通过的时候会调用ajax提交。2)使用有效方法监控表单的提交事件，然后在$('#form ')时提交。valid()返回true。通过监听表单的提交事件，用ajax提交表单。完整代码如下：复制代码如下： $(文档)。ready (function () {$ ('# myform '))。submit()函数(){if(！$(这个)。valid())返回false$('.错误')。html(“”)；$('#go ')。prop('disabled '，true)；$(这个)。ajaxSubmit({ type:'POST '，//beforeSubmit: showRequest，dataType:'json '，success : show response })；返回false});var validator=$('#myForm ')。验证({ rules: { username: '必需'、email: { required: true、email: true } }、Messages: {username: '请输入姓名'、email : { required d : '请输入电子邮件地址' })；});函数showResponse(jsonData，statusText){ if(statusText==' success '){ $(' # go ')。prop('disabled '，false)；if(JSondata . status==1){ $(' # return ')。html(JSondata . message)；} else { $。每个(jsonData.errors，函数(k，v){ //$('#output ')。查找(' ul ')。追加(' Li ' v '/Li ')；$('.e_' k)。html(v)；});}}}二、控制错误信息位置的方法现象一：我在登记表上加了一个新的验证码。当验证结果错误时，该错误信息会出现在验证码的前面。如下图所示：

目的：让验证码后面的错误信息现象二：。

我想移到上图红色提示的后面(*必选)。以上两种现象，jquery.validate自己的方法——'errorPlacement '很容易就可以用来控制错误信息的位置：复制的代码如下： error placement 3360函数(error，element) {error。追加到(element . parent())；}