如何在form中调用js表单验证

JavaScript012

如何在form中调用js表单验证,第1张

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

1,动态添加验证规则

// 添加

$("#addConnectUser").rules("add",{rules:{required:true,isString:true},messages:{required:"用户名为必填项",isString:"请输入规范字符"}})

// 移除$("#addConnectUser").rules('remove','required')

在此我要讲一下为什么有一个isString验证规则；这个是为了限制表单中input的输入规则；比如:不允许特殊字符，或者一些特殊的要求；这个isString是自己配置的

jQuery.validator.addMethod("isString", function(value, element) {

                return this.optional(element) || (inputTest.test(value))

            },"请输入规范内容")

// 此处的inputTest为你自定义的验证规则

2,如何给已经添加了表单验证的选项移除验证规则

$("#addConnectUser").rules("remove",'required')

//再次添加可以直接用$("#addConnectUser").rules("add",'required')