jquery.validate不用submit提交,用js提交的,怎么触发验证啊?

JavaScript014

jquery.validate不用submit提交,用js提交的,怎么触发验证啊?,第1张

用 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() 验证电子邮箱格式。

<form id="form">

    ...

</form>

$(document).ready(function() {

    // Form Validation

    $("#form").validate({

        ...

    })

})

// 主动触发form表单验证

$("#form").valid()

// 需要引用 jquery.validate.js

可以在submit按钮上添加onclick事件。通过创建function函数进行验证,全部通过后执行form.submit(),错误则利用alert或者innerHTML显示错误信息。