web前端好程序员分享javascript前端练习
时间:2023-04-05 15:10:46
HTML5
web前端好程序员分享前端javascript练习,正则表达式表单验证简单布局:QQ
js代码:checkInput(my$("qq"),/^\d{5,11}$/);//qq的checkInput(my$("phone"),/^\d{11}$/);//手机checkInput(my$("邮箱"),/^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/);//邮箱checkInput(my$("电话"),/^\d{3,4}[-]\d{7,8}$/);//固定电话号码checkInput(my$("fullName"),/^[\u4e00-\u9fa5]{2,6}$/);//中文名称//通过正则表达式验证当前文本框是否匹配并显示结果functioncheckInput(input,reg){//文本框注册失去焦点事件input.onblur=function(){if(reg.test(this.value)){this.nextElementSibling.innerText="正确的”;this.nextElementSibling.style.color="绿色";}else{this.nextElementSibling.innerText="让我们让你失望,你错了";this.nextElementSibling.style.color="红色";}};}