1.html页面表单表项书写:
<input type="text" placeholder="请输入邮箱" name="email" οnblur="checkEmail()"><span id="Email"></span>
其中:placeholder-为输入前的提示内容 οnblur="输入后检测的函数名" span-出错的提示内容
2.js函数书写:
function checkPhone(){ var phone=document.registerForm.phone.value; /*获取表单中输入框内容*/ var okPhone=/^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/; /*正确手机号的正则表达式*/ if(okPhone.test(phone)==false){ document.getElementById("Phone").innerText="示例:15136303890"; return false; }else { document.getElementById("Phone").innerText=""; return true; } }
3.邮箱正则表达式:
/^[\w\-\.]+@[a-z0-9]+(\-[a-z0-9]+)?(\.[a-z0-9]+(\-[a-z0-9]+)?)*\.[a-z]{2,4}$/i
电话正则表达式:
/^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/