⽤户名不能为空
在表单中经常些必填项⽬,如果⽤户没有输⼊则不允许提交表单。例如在注册⽤户时,必须填写⽤户名才能提交注册信息。验证⽤户是否输⼊时,通常需要先过滤再验证(如果⽤户输⼊的都是空格就相当于没有输⼊)。
我们通过使⽤正则表达式匹配空格
1var regex = /\s+/g;
python 正则表达式 空格调⽤string的replace⽅法清除空格
place(regex,'');
创建⼀个函数:
1function regexEmpty(obj){
2 obj.value = place(regex,'');
3 }
具体代码如下:
HTML:
1< div class= "main">
2< input id= "userName" type= "text" placeholder= "请输⼊⽤户名">
3< input id= "rule" type= "button" value= "验证">
4</ div>
css:
1html,body ,div, input{margin :0; padding:0 ;}
2 .main{width :400px ;height: auto;padding :0 15px; text-align:center; }
3 .main input{width :100% ;height: 35px; border:none ;margin-top: 20px; border-radius:5 px;}
4 input[type ="text"] {text-align: left;padding-left :15px ;box-sizing: border-box;border :1px solid green; }
5 input[type ="button"] {width: 50%; background:green; }
javascript:
1var userName = ElementById('userName' ),
2 rule = ElementById( 'rule'),
3 deleteEmpty = null,
4 regex = /\s+/g;
5 deleteEmpty = function (obj){
6 obj.value = place(regex,'' );
7if(! obj.value){
8 alert( '⽤户名不能为空' );
9 } else{
10 alert('pass');
11 }
12 }
13 rule. onclick = function (){
14 deleteEmpty(userName);
15 };
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论