html元素input各种输⼊限制
1.取消按钮按下时的虚线框，在input⾥添加属性值 hideFocus 或者 HideFocus=true
<input type="submit" value="提交" hidefocus="true" />
2.只读⽂本框内容，在input⾥添加属性值 readonly
<input type="text" readonly />
3.防⽌退后清空的TEXT⽂档(可把style内容做做为类引⽤)
<input type="text" />
4.ENTER键可以让光标移到下⼀个输⼊框
<input type="text" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" />
5.只能为中⽂(有闪动)
<input type="text" οnkeyup="place(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" />
6.只能为数字(有闪动)
<input type="text" οnkeyup="place(/[^\d]/g,'') "
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\d]/g,''))" />
<input type="text" min="1" max="10" οnkeyup="place(/[^\d]/g,'');value = value > min ? value : min;value = value > max ? max : value; " />
7.只能为数字(⽆闪动)
<input type="text" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" οnkeypress="if ((event.keyCode<48 ||
event.keyCode>57)) urnValue=false" />
8.只能输⼊英⽂和数字(有闪动)
<input type="text" οnkeyup="place(/[\W]/g,'')"
input绑定onblur事件
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\d]/g,''))" />
9.屏蔽输⼊法
<input type="text" name="url" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" />
10.只能输⼊数字，⼩数点，减号（-）字符(⽆闪动)
<input οnkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) urnValue=false" />
11.只能输⼊两位⼩数，三位⼩数(有闪动)
<input type="text" maxlength="9" οnkeyup="if(value.match(/^\d{3}$/))place(value,parseInt(value/10)) ;place(/\.\d*\./g,'.')"
οnkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {urnValue=false}" />
12.只能输⼊数字和⼩数点
<input type="text" size="12" οnkeyup="this.value=place(/[^\d\.]+?/g,'')" />
13.只能输⼊数字和英⽂的
<input οnkeyup="place(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\d]/g,''))">
14.只能输⼊数字的
<input οnkeyup="place(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\d]/g,''))">
15.只能输⼊全⾓的
<input οnkeyup="place(/[^\uFF00-\uFFFF]/g,'')"
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\uFF00-\uFFFF]/g,''))">
16.只能输⼊汉字的
<input οnkeyup="place(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\u4E00-\u9FA5]/g,''))">
var id = "xxx";
1.jquery 给不存在的元素添加事件的⽅法
$(document).on("input", '#' + id,function () {
console.log($(this).val());
});
2.jquery 给元素添加事件的⽅法
$('#id').on('input',function(){
console.log($(this).val());
});
⼿机号 正则校验
<input type="text" id="Mobile" class="form-control" placeholder="请输⼊⼿机号码，此⼿机号将作为登录账号" isvalid="yes" checkexpession="NotNull"          onblur="value = value.length < 11 ? '':value"
          onkeyup="value = place(/[^\d]/g,''); value = (value.length > 11)? value.substr(0,11) : value; value = value.match(/^1/)? value :'';"
          onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\d]/g,''))" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。