input输入框的三种控制方式:限制长度,控制输入,正则校验

一:Input输入框的只能输入数字,限制长度

<label for="recoSoft" class="text-right search_form_div_label">排序:</label>
					<input type="text" class="form-control" id="recoSoft" maxlength="5" οnkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输入排序" style="width: 200px;"/>

二:Js表单元素,textarea,input常用控制输入

1:只能输入纯数字(推荐)

<input type="text" id="test" οnkeyup=this.value=this.value.replace(/[^w_]/g,’’)>

2:输入数字

 <input οnkeyup=“value=value.replace(/[^0-9]/g,’’)”
 οnpaste=“value=value.replace(/[^0-9]/g,’’)” oncontextmenu =
 “value=value.replace(/[^0-9]/g,’’)>

3:不能输入特殊字符

<input type="text"class=“domain” οnkeyup=this.value=this.value.replace(/[^u4e00-u9fa5w]/g,’’)>


4:只能输入数字、小数点

<input οnkeyup=“value=value.replace(/[^\0-9.]/g,’’)” οnpaste=“value=value.replace(/[^\0-9.]/g,’’)” oncontextmenu = “value=value.replace(/[^\0-9.]/g,’’)>


5:只能输入中文

<input οnkeyup=“value=value.replace(/[^\u4E00-\u9FA5]/g,’’)” οnpaste=“value=value.replace(/[^\u4E00-\u9FA5]/g,’’)” oncontextmenu = “value=value.replace(/[^\u4E00-\u9FA5]/g,’’)>

6:只能输入英文

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z]/g,’’)>

7:只能输入英文、数字

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9]/g,’’)>

8:只能输入中文、英文、数字

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,’’)>

9:只能输入中文、英文、数字、空格

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,’’)>

10:只能输入中文、英文、数字、小数点

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,’’)>

三:正则校验

<input name=key  oninput='changed()'/>

匹配满足数字,字母,空格通过,否则禁止

"^[a-zA-Z0-9_\u4e00-\u9fa5]+$"
function changed(){
	var name = $("input[name='key']").val();	
	if(name == ""){
		return;
	}	
	if(!name.match("^[a-zA-Z0-9_\u4e00-\u9fa5]+$")){
	alert("请不要输入特殊字符!");
	   $("input[name='key']").val("");
	}
	return;
}
  • 9
    点赞
  • 86
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值