validate用法「validate用法和例句」
jquery.validate不用submit提交，用js提交的，怎么触发验证啊？
用 button.click提交。
举例如下：
$("#form").validate();
$("#btn).click(function(){
if($("#form").valid()){
$("#form").submit();
}
});
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。
该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。
扩展资料
query-validate 插件
基本用法：
1、页面中引入js依赖，因为validate是依赖jquery的需要先引入jquery。
2、表单校验，首先得有一个表单，即form标签，然后由于浏览器是通过name属性来提交表单数据的，所以需要给校验的控件都加上name属性。
rules里每个控件可以给多个验证方式，常用的有：
1、required 必填验证元素。
2、minlength(length) maxlength(length)。
3、rangelength(range)设置最小长度、最大长度和长度范围 [min,max]。
4、min(value) max(value) range(range) 设置最大值、最小值和值的范围。
5、email() 验证电子邮箱格式。
VeeValidate 3.x 基本用法
VeeValidate 是一个轻量级的表单验证插件，内置了丰富的校验规则和错误提示，而且非常容易扩展，下面简单介绍它的使用方法
template
script
ValidationProvider 会自动在其子孙结点中查找具有 v-model 、 :value 的输入框并进行校验。 tag 指定 ValidationProvider 渲染成的html元素。 name 指定字段的名字，通过 name 还可以配置字段名的多语言版本，如果没有为 ValidationProvider 提供 name ，则字段名默认为输入框的 id 或者 name 属性。 rules 指定校验规则，应用多个规则用 | 隔开， vee-validate 内置了许多校验 规则 ，还可以通过 extent 自定义规则。
一个项目中可能出现很多相同的输入框，为了让校验规则在这些输入框都能生效，可以在一个单独文件中定义所有校验规则，然后在 main.js 中引入
utils/veevalidate.js
第一个参数是规则名称，第二个参数是规则的schema。如果希望在定义规则时同时定义错误消息体，可以像下面这样写
自定义规则支持传参，如 rules="required|password:6,18" 表示应用 required 和 password 两个规则，并向第二个规则传递了两个参数，接收的参数需要在 params 进行声明
vee-validate 提供 localize 方法设置语言环境
也可以在设置语言环境的同时加载该语境下的messages
默认字段名是 ValidationProvider 的 name 属性，可以通过 names 来配置其他语言版本
默认提示信息都是英文的，通过设置 messages 可以在切换语言后显示对应语言的错误提示信息。 ...zh.messages 是加载 vee-validate 内置的错误消息。 {_field_} 是一个占位符，它会被 ValidationProvider 的 name 属性值所替代
vee-validate 提供了 fields 选项，可以为某个字段的每一个规则定义不同错误提示消息
如果要为不同语言构建不同应用版本，那么一次导入所有 messages 显然不是很好的选择，可以使用动态导入方式代替
在提交表单的时候需要对整个表单进行验证，这个时候需要用到 ValidationObserver 组件
template
script
vee-validate 提供了四种触发验证的方式，默认情况下用户输入时触发。
validate 使用方法
1、自定义方法（option）
$.validator.addMethod('needSelect',function (value,element) {
var jobCode =$('#position option:selected').attr('value');
return !(jobCode==0)
},'请选择面试岗位')
2、表单验证提交
$('.interviewSend').click(function () {
//表单校验
$('#form').validate({
rules:{
recipient:{
required:true,
email:true
},
subject:'required',
interviewTime:'required',
address:'required',
contact:'required',
mobile:{
required:true,
digits:true
},
job:'needSelect',
cc:'email',
contactMail:'email',
},
messages:{
recipient:{
required:'请输入收件人邮箱',
email:'请输入正确邮箱'
},
subject:'请输入邮件正文',
interviewTime:'请选择面试时间',
address:'请输入面试地点',
contact:'请输**系人',
mobile:{
required:'请输**系方式',
digits:'请输入正确手机号 '
},
cc:'请输入正确邮箱',
contactMail:'请输入正确邮箱'
},
// errorPlacement:function(error,element){
// layer.tips($(error).text(),element,{ tipsMore: true,time:1000});
// },
submitHandler:function () {
//校验成功执行ajax
layer.load(1);
var uploadJson =serializeFormDataToJsonObj($('#form').serialize());
uploadJson.interviewTime =$('input[name=interviewTime]').val();
uploadJson.positionName =$('#position option:selected').text();
$.ajax({
url:'/recruitJob/saveInterViewNotice',
type:'POST',
timeout:5000,
contentType:'application/json; charset=UTF-8',
data:JSON.stringify(uploadJson),
success:function (i) {
layer.closeAll('loading');
if(i.result ===1001){
layer.msg('邀请成功，即将关闭本页面');
setTimeout("window.close()",2000)
}else{
layer.msg(i.resultInfo);
}
}
});
}
});
$('#form').submit();
});
jquery validate 验证$("#aForm").rules("remove");的用法
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
titlecheckbox/title
script src="js/jquery-1.3.2.js" type="text/javascript"/script
script src="js/1.js" type="text/javascript"/script
/head
body
table id="table1"
tr
tdinput type="checkbox" value="1"/1/td
td id="k_1"input type="text" name="student" id="s_1" readonly="true"//td
/tr
tr
tdinput type="checkbox" value="2"/2/td
td id="k_2"input type="text" name="student" id="s_2" readonly="true"//td
/tr
tr
tdinput type="checkbox" value="3"/3/td
td id="k_3"input type="text" name="student" id="s_3" readonly="true"//td
/tr
tr
tdinput type="checkbox" value="4"/4/td
td id="k_4"input type="text" name="student" id="s_4" readonly="true"//td
/tr
/table
/body
/html
-------------------------------------------------------------
$(document).ready(function() {
$("td[id^='k_']").hide();
var check = $(":checkbox"); //得到所有被选中的checkbox
var actor_config; //定义变量
check.each(function(i){
actor_config = $(this);
actor_config.click(
function(){
if($(this).attr("checked")==true){
$("#k_"+$(this).val()).show();
}else{
$("#k_"+$(this).val()).hide();
}
}
);
});
});
