如何使用validate.js进行动态添加和移除表单验证信息

如何使用validate.js进行动态添加和移除表单验证信息,第1张

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')

点击删除按钮时调用js,将该条记录的ID作为传入参数,js中调用表单提交。

例如表单为。

<form id="del"><input type="hidden" id="orderId" name="orderId"></form>

js中的 *** 作为。

document.getElementById("orderId").value=1//1为你传入的预约单号的ID

document.getElementById("del").submit()

后台的 *** 作为。

String deleteId=(String)request.getParameter("orderId")

//然后是调用sql语句,根据deleteId去删除该记录。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写基础代码。

2、在index.html中的<script>标签,输入js代码:$('table tr').eq(1).remove()$('table tr').eq(1).remove()。

3、浏览器运行index.html页面,此时发现表格的最后2行都被js删除了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11820279.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存