⽤户名不能为空
在表单中经常些必填项⽬,如果⽤户没有输⼊则不允许提交表单。例如在注册⽤户时,必须填写⽤户名才能提交注册信息。验证⽤户是否输⼊时,通常需要先过滤再验证(如果⽤户输⼊的都是空格就相当于没有输⼊)。
我们通过使⽤正则表达式匹配空格
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 };