输入框去空格正则 以及 switch 的用法

来源:互联网 发布:openstack网络配置 编辑:程序博客网 时间:2024/06/07 16:53


<body>
<input type="text"/>
<button>是否为两位数</button>
</body>


 window.onload = function(){
 
var oInput = document.getElementsByTagName("input")[0];
var oBtu = document.getElementsByTagName("button")[0];
 
oInput.onkeyup = function(){
this.value = this.value.replace(/[^\d]/,"");    // 去空格;
};
 
oBtu.onclick = function(){
if(oInput.value == ""){
alert("请输入内容!");
}else{
if(oInput.value.length == 2){
alert("√ 是两位数");
}else{
alert("这是"+ oInput.value.length +"位数") 
};  
 };
};  
 };


 //  JQ 写法以及 switch的用法!
 
$(function(){
 
$("input").keyup(function(){
var value = $(this).val();
$(this).val(value.replace(/[^\d]/,""));
});
 
 $("button").click(function(){
 
switch( $("input").val().length ){

case 0:                                 
alert("请输入数字");
break;  

case 2:
alert("√ 是两位数"); 
break;

default:                                                                   // 以上条件都不是的情况
alert("这是"+ $("input").val().length +"位数");

};  
 });
   
     });



0 0
原创粉丝点击