html/css/javascript您现在的位置是:主页 > html/css/javascript >
js正则表达式验证手机号码,用户名和邮箱
2023-01-25 20:42:07html/css/javascript 19人已围观
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0536360.com</title> </head> <script> //对象选择器 function $sel(id,tabname){ if(id!="" && tabname!=""){ var tem_obj=document.getElementById(id); return tem_obj.getElementsByTagName(tabname); }else if(id!=""){ return document.getElementById(id); }else{ return document.getElementsByTagName(tabname); } } //电话号码验证 function isnum(obj){ var reg=/^1[0-9]{10}/; if(!reg.test(obj.value)){ alert("请正确填写手机号!"); obj.value=""; } } //验证邮件格式 function ismail(obj){ var reg=/[a-zA-Z0-9]{1,10}@[a-zA-Z0-9]{1,5}\.[a-zA-Z0-9]{1,5}/; if(!reg.test(obj.value)){ alert("请正确填写邮箱!"); obj.value=""; } } //验证用户名格式 function isname(obj){ var reg=/^[\u4e00-\u9fa5]{2,4}$/; if(!reg.test(obj.value)){ alert("请正确填写姓名!姓名为两到四个汉字。"); obj.value=""; } } //初始化验证 function init(){ //注册一个失去焦点的事件 $sel("phone","").onblur=function(){ isnum(this); } $sel("mail","").onblur=function(){ ismail(this); } $sel("username","").onblur=function(){ isname(this); } } </script> <body onload="init()"> <input type="text" id="username" placeholder="姓名"/><br> <input type="text" id="phone" placeholder="手机号"/><br> <input type="text" id="mail" placeholder="邮箱地址"/> <input type="submit" value="提交"/> </body> </html>
更多正则
验证手机号
/^(1[3-9][0-9]|14[57])\d{8}$/验证密码(英文或者数字)
/^[A-Za-z0-9]*$/验证邮箱
/^([A-Za-z0-9_-.])+@([A-Za-z0-9_-.])+.([A-Za-z]{2,4})$/身份证号
/^[1-9]d{5}(18|19|([23]d))d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)d{3}[0-9Xx]$/QQ号(5-11位)
/^[1-9][0-9]{4,10}$/微信号(6-20位,以字母开头,字母,数字,减号,下划线)
/^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/车牌号
/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/是否包含中文
/[u4E00-u9FA5]/
相关文章
随机图文
织梦多行文本自定义字段 支持自动换行
利用function=nl2br(@me)让多行文本字段自动换行 代码如下: [field:自定义字段名称 function=nl2br(@me)/]哀悼日 让网站全站变灰css代码
此代码为提取百度官方的css代码。 html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)解决pbootcms数据多加载慢的问题方法教程
如按照此方法依然解决不了访问慢的问题,可以联系我们客服人员。我们独家方法可以在不修改任何代码的情况下,让网站打开速度大幅度提升。 pbootcms不能生成静态页面,因此数据量大时,势必会造成响应缓慢,官方已经给出了解决方案,有的朋友可能没有注意到,下边我们再次进行下解释。 官方手册 使用方法 {pboot:list sTP5框架版本5.0.10安全漏洞修复方案
一、补丁修复1 /thinkphp/library/think/App.php 文件 大概在328行 /** * 执行模块 * @access public * @param array $result 模块/控制器/操作 * @param array $config 配置参数