位置: 编程技术 - 正文
JS实现支持Ajax验证的表单插件(js发送ajax请求)
编辑：rootadmin推荐整理分享JS实现支持Ajax验证的表单插件(js发送ajax请求)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js发送ajax请求,ajax验证,js发送ajax请求,js.ajax,js.ajax,js中ajax完整例子,js 实现ajax,js 实现ajax,内容如对您有帮助，希望把文章链接给更多的朋友！
本文为大家分享了一个表单验证插件，支持ajax验证，使用起来很简单。每个需要验证的表单元素下面有一个span标签，这个标签的class有一个valid表示需要验证，如果有nullable则表示可为空；rule表示验证规则，msg表示错误提示信息；to表示要验证的元素的name值，如果元素是单个的，to可以不写。该插件会遍历每个有valid的span标签，找出它前面需要验证的元素，根据rule验证，如果验证不通过，则显示边框为红色，鼠标放在元素上时显示错误信息。
验证时机：1、点击提交按钮时显式调用验证方法；2、当元素触发blur时验证。
插件代码：CSS：
JS：
如何使用：Edit页面：
效果图：
上一篇：拥有一个属于自己的javascript表单验证插件(拥有一个属于自己的空间高中作文)
下一篇：JavaScript入门系列之知识点总结(javascript入门经典)