<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册界面</title> </head> <script> //验证手机号是否符合规范 function Number() { //获取标签元素 var phoneNumber = document.getElementsByClassName('Num')[0]; var oSpan1=document.getElementById('Number'); //获取input输入的值,再做正则判断 var str1=phoneNumber.value; var bool=checkNumber(str1); if(bool==false){ //当输入的数据不合法的时候出现提示语句 oSpan1.innerHTML="数据不合法"; phoneNumber.value=""; } } //当获取焦点的时候不出现提示语句 function flush(){ var oSpan1=document.getElementById('Number'); oSpan1.innerHTML=""; } function flush1(){ var oSpan1=document.getElementById('pwd'); oSpan1.innerHTML=""; } //判断电话号码是否合法 function checkNumber(str){ var reg=/^[1]{1}[3,4,5,6,7,8,9]{1}[0-9]{9}$/; var bool=reg.test(str); return bool; } //验证密码是否满足强度 function pwd(str){ var reg=/^(?=.*[0-9].*)(?=.*[A-Z].*)(?=.*[a-z].*).{6,12}$/; var bool=reg.test(str); return bool; } // function pwd() { //获取标签元素 var oPwd = document.getElementsByClassName('pwd')[0]; var oSpan1=document.getElementById('pwd'); //获取input输入的值,再做正则判断 var str1=oPwd.value; var bool=pwd(str1); if(bool==false){ //当输入的数据不合法的时候出现提示语句 oSpan1.innerHTML="数据不合法"; oPwd.value=""; } } </script> <form name="form1"> <lable>手机号:</lable> <input class="Num" type="text" οnblur="Number()" οnfοcus="flush()"><span id="Number"></span> <br> <lable>密码:</lable> <input class="pwd" type="password" οnblur="pwd()" οnfοcus="flush1()"><span id="pwd"></span> </form> </body> </html>
js的电话号码和密码的正则判断
最新推荐文章于 2022-09-01 16:09:13 发布