位置: 编程技术 - 正文
拥有一个属于自己的javascript表单验证插件(拥有一个属于自己的空间高中作文)
编辑：rootadmin推荐整理分享拥有一个属于自己的javascript表单验证插件(拥有一个属于自己的空间高中作文)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:拥有一个属于自己的小窝,拥有一个属于自己的空间高中作文,拥有一个属于自己的空间高中作文,拥有一个属于自己的房子英语,拥有一个属于自己的房子不比男人强,拥有一个属于自己的小窝,拥有一个属于自己的家说说,拥有一个属于自己的空间,内容如对您有帮助，希望把文章链接给更多的朋友！
自己编写了一个表单验证插件，使用起来很简单，以后还可以扩展更多的功能，比如ajax验证。
每个需要验证的表单元素下面有一个span标签，这个标签的class有一个valid表示需要验证，如果有nullable则表示可为空；rule表示验证规则，msg表示错误提示信息；to表示要验证的元素的name值，如果元素是单个的，to可以不写。该插件会遍历每个有valid的span标签，找出它前面需要验证的元素，根据rule验证，如果验证不通过，则显示边框为红色，鼠标放在元素上时显示错误信息。
验证时机：1、点击提交按钮时显式调用验证方法；2、当元素触发blur时验证。
插件代码：
CSS：
JS：
如何使用：
1、引用CSS和JS(必须引用jQuery)：
2、表单HTML代码(部分代码)：
3、执行验证JS代码：
效果图：
上一篇：js+css实现select的美化效果(js设置select)
下一篇：JS实现支持Ajax验证的表单插件(js发送ajax请求)