位置: 编程技术 - 正文
jQuery控制文本框只能输入数字和字母及使用方法(jquery将文本框设置为只读)
编辑：rootadmin推荐整理分享jQuery控制文本框只能输入数字和字母及使用方法(jquery将文本框设置为只读)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery 文本框,jquery文本框获得焦点,jquery 文本框,jquery 文本框,jquery设置文本,jquery设置文本,jquery怎么给文本框赋值,jquery设置文本框的值,内容如对您有帮助，希望把文章链接给更多的朋友！
在公司开发WinForm项目时，发现公司自主研发的textbox控件非常强大，可以实现"只能输入数字"、"只能输入字母"和"只能输入数字和字母"的三种输入限制，这样就可以精确控制用户输入的内容范围，让"用户永远没有办法输入限定的内容范围之外的其他内容"，也就是"用户即使想犯错误也没有机会"，这种限制控件输入的方式给了我很大的启发，如果在web项目中也能做到这样的精确控制，那么就可以避免因为一些非法输入而造成系统出错，既然WinForm里面可以实现这样的控件，那么web项目里面也应该有办法去实现类似这样的控件或者能够做到类似的效果，经过自己的一番研究和查找资料，终于做到了类似的效果，针对"只能输入数字"、"只能输入字母"和"只能输入数字和字母"的三种输入限制，我封装成onlyNum()，onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法，方便复用，由于里面一些JS代码涉及到了"禁用输入法，获取剪切板的内容"，而"禁用输入法，获取剪切板的内容"只能在IE浏览器下才有效，对于别的浏览器是无效的，因此这三个方法只适合在IE浏览器下使用才有效，三个方法的代码如下
一、限制只能输入数字
二、限制只能输入字母
三、 限制只能输入数字和字母
使用方法：首先在画面加载完成之后编写如下的JS脚本
对需要做输入控制的控件设置class样式
这样画面上凡是设置了class="onlyNum"的控件就只能输入数字，设置了class="onlyAlpha"的控件只能输入字母，设置了class="onlyNumAlpha"的控件只能输入数字和字母，通过这种方式就可以限制了用户的输入范围，避免用户进行一些非法的输入。
以上所述是小编给大家介绍的jQuery控制文本框只能输入数字和字母及使用方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持！
jQuery过滤特殊字符及JS字符串转为数字 //替换特殊字符$(this).val($(this).val().replace(/[~'!@#$%^&*()-+_=:]/g,""));方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1.转换函数：js提供了p
jquery.form.js框架实现文件上传功能案例解析（springmvc） 上一篇Bootstrap自定义文件上传下载样式（
ashx文件获取$.ajax()方法发送的数据 今天在使用Jquery的ajax方法发送请求时，发现在后台中使用ashx文件无法接收到ajax方法中传递的参数，上网查了一下原因后发现了问题所在，原来是我在$.
标签: jquery将文本框设置为只读
本文链接地址:https://www.jiuchutong.com/biancheng/387323.html 转载请保留说明！上一篇：Jquery实现select multiple左右添加和删除功能的简单实例
下一篇：jQuery过滤特殊字符及JS字符串转为数字(js过滤特殊字符串)
