最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery插件form-validation-engine正则表达式操作示例
时间:2017-03-24 编辑:简简单单 来源:一聚教程网
form-validation-engine是一个不错的表单验证插件,示例如下:
代码如下 | 复制代码 |
(function($) { $.fn.validationEngineLanguage =function() {}; $.validationEngineLanguage = { newLang:function() { $.validationEngineLanguage.allRules = {"required":{// Add your regex rules here, you can take telephone as an example "regex":"none", "alertText":"* 必选字段", "alertTextCheckboxMultiple":"* 请选择选项", "alertTextCheckboxe":"* 需要这个复选框"}, "length":{ "regex":"none", "alertText":"*在 ", "alertText2":" 和 ", "alertText3":" 之间"}, "maxCheckbox":{ "regex":"none", "alertText":"* 检查允许超过"}, "minCheckbox":{ "regex":"none", "alertText":"* 请选择 ", "alertText2":" 选项"}, "confirm":{ "regex":"none", "alertText":"* 你的字段不匹配"}, "telephone":{ "regex":"/^[0-9\-\(\)\ ]+$/", "alertText":"* 无效的号码"}, "email":{ "regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/", "alertText":"* 无效的邮箱"}, "date":{ "regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/", "alertText":"* 无效的日期,必须是YYYY-MM-DD的格式"}, "onlyNumber":{ "regex":"/^[0-9\ ]+$/", "alertText":"* 只允许输入数字"}, "noSpecialCaracters":{ "regex":"/^[0-9a-zA-Z]+$/", "alertText":"* 有非法字符"}, "ajaxUser":{ "file":"validateUser.php", "extraData":"name=eric", "alertTextOk":"* 这个用户是合法的", "alertTextLoad":"* 加载中,请等待", "alertText":"* 这个用户已经存在"}, "ajaxName":{ "file":"validateUser.php", "alertText":"* 这个名字已经被使用", "alertTextOk":"* 这个名字是可以的", "alertTextLoad":"* 加载中,请等待"}, "onlyLetter":{ "regex":"/^[a-zA-Z\ \']+$/", "alertText":"* 只允许输入字母"}, "validate2fields":{ "nname":"validate2fields", "alertText":"* 你必须有姓和名"} } } } })(jQuery); $(document).ready(function() { $.validationEngineLanguage.newLang() }); |
这里面有不少正则表达式,很有意思。
很有意思的form表单验证。
-
上一个: jquery dialog获取焦点的方法
-
下一个: BootStrap 弹出层代码
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31