输入框去空格正则 以及 switch 的用法
2017-02-22 14:15
246 查看
<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 +"位数");
};
});
});
<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 +"位数");
};
});
});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- sscanf用法以及正则表达式的运用
- sscanf用法以及正则表达式的运用
- 文本搜索必学命令-grep egrep fgrep用法以及正则表达式
- Linux当中正则表达式的书写以及grep命令的用法
- Linux Linux grep命令用法以及正则表达
- sscanf用法以及正则表达式的运用
- 检验输入框为空以及输入参数只有空格的判断
- javascript正则表达式中/g /i /m的用法,以及实例
- 详解正则表达式以及文本处理工具—grep、egrep的用法和特性
- Android的ToggleButton和Switch以及AnalogColok和DigitalColok的用法-android学习之旅（二十）
- java正则用法以及js的正则
- sscanf用法以及正则表达式的运用
- js正则标志/g /i /m的用法，以及实例
- javascript正则表达式中/g /i /m的用法,以及实例（转）
- js正则标志/g /i /m的用法，以及实例
- java 多重switch中break的用法以及switch的查找顺序
- android 同步监听输入框，以及电话号码正则表达式！
- linux基本命令grep egrep fgrep用法以及正则表达式
- sscanf用法以及正则表达式的运用
- Android的ToggleButton和Switch以及AnalogColok和DigitalColok的用法-android学习之旅（二十）