<style>.spa{/*js来改变span颜色*/color: red;}</style><script type="text/javascript">function checkIn(obj){//失去焦点(鼠标离开文本框)时验证//文本框的值var val = obj.value;//拿到文本框的名字,用来做switch判断var name = obj.name;//拿到span,错误时给出提示,显示在spanvar sp = obj.parentElement.lastElementChild;switch(name){case "userId":var reg = /^(\w){1,6}$/;if (!reg.test(val)) {sp.innerHTML = "(账号1-6位,支持数字,字母,下滑线)";sp.className = "spa";//返回bool,用于提交时再验证。return false;}break;case "pwd":var reg = /^(?![0-9]+$)(?![a-zA-Z+$])[0-9a-zA-Z]{6,12}$/;if (!reg.test(val)) {sp.innerHTML = "(密码6-12位,只可数字,字母)";sp.className = "spa";return false;}break;case "mail":var reg = /^\w+(@qq.com|@163.com|@gmail.com)$/;if (!reg.test(val)) {sp.innerHTML = "(邮箱支持@qq.com @163.com @gamil.com)"sp.className = "spa";return false;}break;case "phone"://只验证151,152,153var reg = /^15[1-3]\d{8}$/;if (!reg.test(val)){sp.innerHTML = "(151,152,153开头,11位)";sp.className = "spa";return false;}break;}sp.innerHTML = "";sp.className = "";return true;}function clearItem(obj) {//当得到焦点,文本框的提示清空obj.value = "";}function checkForm() {//得到所有文本框var ins = document.getElementsByClassName("in");for (var i = 0; i < ins.length; i ++) { if (!checkIn(ins[i])) {//一个不合格,验证失败return false;}}return true;}</script>
其它的除了正则表达式的验证,还可以字符串的操作。
比如查找一个字符
var str = “bcd”;
var i = str.indexOf(“a”);
找不到
i = -1;
可以作为判断条件。