input输入框的三种控制方式:限制长度,控制输入,正则校验
2024-01-10 13:23:41
一: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,’’)”>
二: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;
}
以上内容是对input的功能总结希望对大家有所帮助
文章来源:https://blog.csdn.net/tianxianghuiwei/article/details/135495395
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!