当前位置:首页 > 网站建设 > 源码技巧 > 正文内容

表单常用js验证方法整理

热淘网3个月前 (11-17)源码技巧78

表单常用js验证方法整理,可以验证数据类型及长度,附带相关提示

基本示例如下:

<input type="text" name="zsje" value=""  class="form_check" check-length="1,100" check-type="IntNum" placeholder="赠送金额">

粘贴部分js代码如下,喜欢的拿走

//匹配ip地址
patterns.Ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/;
//匹配邮件地址
patterns.Email = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
//匹配日期格式2008-01-31,但不匹配2008-13-00
patterns.Date = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
/*匹配时间格式00:15:39,但不匹配24:60:00,下面使用RegExp对象的构造方法
 来创建RegExp对象实例,注意正则表达式模式文本中的“\”要写成“\\”*/
patterns.Time = new RegExp("^([0-1]\\d|2[0-3]):[0-5]\\d:[0-5]\\d$");
//匹配整形数字
patterns.Num = /^[0-9]*$/;
//匹配浮点数字
patterns.FloatNum = /^\d+(\.\d+)?$/;
//匹配日期加时间格式
patterns.DateAndTime = /^(?:19|20)[0-9][0-9]-(?:(?:0[1-9])|(?:1[0-2]))-(?:(?:[0-2][1-9])|(?:[1-3][0-1])) (?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9](:[0-5][0-9])?$/;
//匹配手机号码
patterns.Phone = /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/;
//匹配姓名
patterns.Chinese=/^[\u4e00-\u9fa5]{2,8}$/;
//qq号码
patterns.QQ=new RegExp("^[1-9]\\d{4,10}$");
patterns.Telephone=/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
//身份证正则表达式(15位)
patterns.isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
//身份证正则表达式(18位)
patterns.isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;

form_check.zip



扫描二维码推送至手机访问。

版权声明:本文由热淘网发布,如需转载请注明出处。

本文链接:https://www.retao5.com/yuanma/1585.html

标签: 表单验证
分享给朋友:

相关文章

一行代码解决模板兼容IE8 问题

一行代码解决模板兼容IE8 问题

前两天装了windows 7系统发现 用IE8上自己的站 边的乱七八糟在网上转了一下发现了一个简单的解决方案方法如下:只需要在页面中加入如下HTTP meta-tag: 只要IE8一读到这个标签,它就...

php使用TXT数据库(读取和修改文本)

php使用TXT数据库(读取和修改文本)

[code]文本数据库的例子本来太多,但是为了逻辑简化,最好通过专门接口实现文件与数据的转换,可以采用我下面的模板编写://文件最前面定义两个全局变量,数据库文件名和用户数组$pwd_db_file=...

在模版中直接写判断语句的格式举例

在模版中直接写判断语句的格式举例

[code] 会员登陆 注册你好:$_SGLOBAL[supe_username][/code]...

后台密码忘记不用愁

后台密码忘记不用愁

修改表dede_admin密码:admin==f297a57a5a743894a0e4...

首页会员价格显示解决办法

首页会员价格显示解决办法

includes/lib_goods.php 文件里代码最后一行 [color=red]?˃[/color] 之前加入如下代码:[quote]* 获得指定商品的各会员等级对应的价格[code]* 获...

关于iis服务下iis伪静态页面的设置详解

关于iis服务下iis伪静态页面的设置详解

针对ecshop伪静态的设置,现经过开发和实际测试通过,前提是自己拥有独立的服务器,否则没有办法修改第一步:下载我提供的伪静态插件安装包(不用安装,只要将这个文件夹放到C盘或者D盘下面即可,不限制,但...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。