html/css/javascript您现在的位置是:主页 > html/css/javascript >
js正则表达式验证手机号码,用户名和邮箱
2023-01-25 20:42:07html/css/javascript 123人已围观
<!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]/
联系微信
扫码联系技术微信
---------------专业解决网站各种疑难杂症,可淘宝担保交易,安全无风险---------------
建站、仿站、二次开发、网站改版、网站修改、网站漏洞修复、网站被黑修复、网站安全、服务器安全等
点击了解更多 >>
相关文章
随机图文
使用 JavaScript 快速搜索/过滤 HTML 表格
效果演示 效果代码 <!DOCTYPE html> <html lang="en-US"> <head> <title>JavaScript Table Filter Search</title> <style type="text/css"&pbootcms后台密码忘记了怎么重置一个新密码
1,下载密码重置工具 下载地址:https://www.pbootcms.com/static/upload/file/20200318/1584534890770185.rar 2,使用方法: 1)下载重置工具解压包,解压后将resetpw.php文件直接上传到网站根目录下; 2)在浏览器直接访问访问该文件地址(如:https:pbootcms后台文章列表修改为按照发布时间排序
pbootcms后台文章列表默认是按照排序号进行排序。 现在我们修改为按照发布时间排序。 修改方法:pbootcms调取当前栏目关键字
适用范围:在列表页或详情页使用 调取当前栏目关键字 {sort:keywords}