标签：round button inpu 手机号 val 对象 表达式 ret text
正则表达式：
是一种对字符串逻辑公式，对字符串通过设置一些字符组合来对字符串进行匹配。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>正则表达式</title> <style> #txtError{ color: #f00; } </style> </head> <body> <input type="text" placeholder="请输入账号" id="txt"/> <span id="txtError"></span> <input type="button" value="返回" id="btn"/> <script> document.getElementById("btn").onclick = function(){ window.history.back(); } //1.获取对象 var txt = document.getElementById("txt"); var txtError = document.getElementById("txtError"); /*var str = " abc"; console.log(str.trim());*/ txt.onkeydown = function(event){ console.log(event.keyCode); //阻止空格键的输入 if(event.keyCode == 32){ return false; } } //2。添加失去焦点的事件 txt.onblur = function(){ //验证 //1.写正则表达式 /^写规则$/ //var reg = /^\d{6,16}$/; //手机号 var reg = /^1[3578]\d{9}$/; //电子邮箱 ****@***.com.cn //2.所有匹配的值 var val = txt.value; //3.做正则验证 正则对象.test(所有匹配的字符串) //返回值是boolean;若匹配成功则返回true console.log(reg.test(val)); if(!reg.test(val)){ txtError.innerHTML = "*不是一个数字"; }else{ txtError.innerHTML = ""; } } </script> </body> </html>
标签：round button inpu 手机号 val 对象 表达式 ret text
原文地址：https://www.cnblogs.com/masteryin/p/10148481.html
