这篇文章主要讲解了“JS怎么限制表达式只能输入数字或数字和字母”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JS怎么限制表达式只能输入数字或数字和字母”吧！

成都创新互联长期为1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为赛罕企业提供专业的网站建设、成都做网站，赛罕网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

JS判断只能是数字和小数点
0.不能输入中文
1）
2）

复制代码 代码如下:

1.文本框只能输入数字代码(小数点也不能输入)

2.只能输入数字,能输小数点.


3.数字和小数点方法二

4.只能输入字母和汉字

5.只能输入英文字母和数字,不能输入中文

6.只能输入数字和英文chun

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:


禁止特殊字符：
onKeyPress="if(event.keyCode < 45 || event.keyCode > 57 ) event.returnValue = false;"
只能输入汉字：

禁止汉字输入法
只能输入数字：

只能输入英文和数字：

控制输入框只能输入文字或数字，也可以不允许输入特殊字符
这里不允许输入如下字符: (像 ^&* 等)

<br/>只禁止空格输入<br/>onkeyup="value=value.replace(//s/g,'')"<br/>onkeydown="if(event.keyCode==32) return false"<br/>只能输入中文和英文：<br/>onkeyup="value=value.replace(/[^/a-zA-Z/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/a-zA-Z/u4E00-/u9FA5]/g,''))"<br/>不允许输入特殊字符和空格:<br/><input id="code" onkeypress="return ValidateSpecialCharacter();" onblur="validate(this)"/><br/><br/>————————————————————————————————————————<br/>不能为空<br/><input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')"><br/>判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母<br/>/^([a-zA-z_]{1})([\w]*)$/g.test(str)<br/>只能输入数字<br/><input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" ><br/>只能输入中文<br/><input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"><br/>只能输入英文<br/><input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"><br/><input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"><br/>--------------------------------------------------------------------------------------------------------------------<br/><br/>只能输入中文、英文、数字、@符号和.符号<br/><input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')"><br/>只允许输入英文，且不能粘贴也无法弹出粘贴菜单<br/><input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false"/><br/>只能输入数字和点号(注意:在[^\d\.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)<br/><input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,'')" ><br/>总而言之:先在<input>里输入onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了<br/>中文：u4E00-u9FA5<br/>数字：d、0-9<br/>英文：a-z、A-Z<br/>其它符号@,点或其它符号.也可以多个,用\隔开就行了.<br/>例如:<br/>中、英文和数字加@符号加点符号：\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.<br/>若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"<br/>---------------------------------------------------------------------------------------------------------------------------------------<br/><br/>其一，只允许输入数字和小数点。</p><p>复制代码 代码如下:</p><p><br/><input onKeypress="return (/[/d.]/.test(String.fromCharCode(event.keyCode)))" ></p><p><br/>其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来</p><p>复制代码 代码如下:</p><p><br/><script><br/>function check(){<br/>if (isNaN(tt.value))<br/>{alert("非法字符！");<br/>tt.value="";}<br/>}<br/></script><br/><input type="text" name="tt" onkeyup="check();"></p><p><br/>其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。</p><p>复制代码 代码如下:</p><p><br/><script language=javascript><br/>function onlyNum()<br/>{<br/>if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))<br/>if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))<br/>event.returnValue=false;<br/>}<br/></script><input onkeydown="onlyNum();" ime-mode:Disabled<br/>这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。<br/>只允许输入数字<br/><input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,'')"><br/>只允许输入英文字母、数字和下划线(以下二种方法实现)<br/><input name="username" type="text" ><br/><input name="username" type="text" onkeyup="value=value.replace(/[^/w/.//]/ig,'')"><br/>只允许输入英文字母、数字和&=@<br/><input name="username" type="text" onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')"><br/>只允许输入汉字<br/><input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"><br/>me" type="text" ><br/><input name="username" type="text" onkeyup="value=value.replace(/[^/w/.//]/ig,'')"><br/>只允许输入英文字母、数字和&=@<br/><input name="username" type="text" onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')"><br/>只允许输入汉字<br/><input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"></p><p>感谢各位的阅读，以上就是“JS怎么限制表达式只能输入数字或数字和字母”的内容了，经过本文的学习后，相信大家对JS怎么限制表达式只能输入数字或数字和字母这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！</p> <br> 文章标题：JS怎么限制表达式只能输入数字或数字和字母 <br> 本文来源：<a href="http://scgulin.cn/article/ijhhih.html">http://scgulin.cn/article/ijhhih.html</a> </div> <div class="hot_new"> <div class="page_title clearfix"> <h3>其他资讯</h3> </div> <div class="news_list clearfix"> <ul> <li> <a href="/article/gheiip.html">lucene倒排索引的存储方式介绍</a> </li><li> <a href="/article/gheiep.html">jquery怎么实现鼠标悬停导航下划线滑出效果</a> </li><li> <a href="/article/gheisp.html">jsonp之jQuery.getScript()方法的简单使用</a> </li><li> <a href="/article/gheiid.html">linux搭建web服务器的详细流程介绍</a> </li><li> <a href="/article/gheeip.html">电脑如何设置新ip地址</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div class="footer wow fadeInUp"> <div class="rowFluid"> <div class="span12"> <div class="container"> <div class="footer_content"> <div class="span4 col-xm-12"> <div class="footer_list"> <div class="span6"> <div class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服务号二维码" /></div> </div> <div class="span6 col-xm-12"> <div class="quick_navigation"> <div class="quick_navigation_title">快速导航</div> <ul> <li><a href="http://www.cdxwcx.cn/" title="成都网站建设" target="_blank">成都网站建设</a></li><li><a href="http://www.cdhuace.com/zhaopai.html" title="发光字制作" target="_blank">发光字制作</a></li><li><a href="http://m.xwcx.net/" title="响应式报价" target="_blank">响应式报价</a></li><li><a href="http://www.zejunkj.cn/" title="泽君科技" target="_blank">泽君科技</a></li><li><a href="http://www.cdxwcx.cn/tuoguan/yaan.html" title="雅安机房托管" target="_blank">雅安机房托管</a></li><li><a href="https://www.cdcxhl.com/cloud/" title="云服务器" target="_blank">云服务器</a></li><li><a href="http://www.cdhuace.com/zhaopai.html" title="店面门头广告" target="_blank">店面门头广告</a></li> </ul> </div> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_link"> <div class="footer_link_title">友情链接</div> <ul id="frientLinks"> <a href="https://www.cdcxhl.com/" title="网站制作" target="_blank">网站制作</a> <a href="https://www.cdcxhl.com/" title="网站建设" target="_blank">网站建设</a> <a href="https://www.cdxwcx.com/tuiguang/" title="成都网络推广" target="_blank">网络推广</a> <a href="http://seo.cdkjz.cn/" title="成都网站推广" target="_blank">网站推广</a> <a href="https://www.cdcxhl.com/xiaochengx.html" title="成都微信小程序开发" target="_blank">小程序开发</a> <a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a> </ul> <div class="footer_link_title">网站建设</div> <ul id="frientLinks"> <li><a href="/">古蔺大橙子建站</a></li> <li><a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a></li> </ul> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_cotact"> <div class="footer_cotact_title">联系方式</div> <ul> <li><span class="footer_cotact_type">企业：</span><span class="footer_cotact_content">青羊区大橙子信息咨询工作室</span></li> <li><span class="footer_cotact_type">地址：</span><span class="footer_cotact_content">成都市青羊区太升南路288号</span></li> <li><span class="footer_cotact_type">电话：</span><span class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span class="footer_cotact_type">网址：</span><span class="footer_cotact_content"><a href="/" title="古蔺网站建设">www.scgulin.cn</a></span></li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <p>公司名称：青羊区大橙子信息咨询工作室 联系电话：18980820575</p> <p><a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">网站备案号：蜀ICP备2022028542号-27</a></p> <p>古蔺大橙子建站 古蔺网站建设 古蔺网站设计 古蔺网站制作 <a href="http://www.cdxwcx.cn/" target="_blank">成都做网站</a></p> </div> </div> </div> </div> </body> </html> <script> $(".technical_support_box_z_info_box img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>