使⽤JS 正则表达式实现⽤户名验证
当注册某⽹站⽤户名时,需要根据⽹站定义的规则来进⾏填写,⽐如:只能使⽤字母,数字以及下划线。
此规则适⽤正则表达式来定义
分析:
当⽤户输⼊的⽤户名不符合规则时,页⾯给出提⽰且不进⾏提交。
当⽤户输⼊的⽤户名符合规则时,页⾯提交给服务器。
实现:
1.当不符合规则时给出提⽰,使⽤css 的display 属性,当display 设置为none ,提⽰信息被隐藏。所以⽤户名输⼊错误时,将display 设置为block 显⽰给⽤户即可。
2.可以根据事件的返回值,来判断是否进⾏提交,当⽤户名不符合规则,即不提交,返回false 即可。
上述实现使⽤⼀个事件来完成。
事件代码
注意:在标签中使⽤函数的返回值,需要加上
return
js正则表达式判断数字function  checkForm(){
//1.定义正则
var  reg = /^[a-zA-Z0-9_-]{4,16}$/;
//2.获取输⼊的⽤户名的内容(获取标签的value 值)
var  username = ElementById("username").value;
alert(username);
//3.进⾏校验
if  (st(username)) {
return  true ;
} else {
//1.给出提⽰信息
//2.不提交
return  false ;
}
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。