JS怎么限制表达式只能输入数字或数字和字母

这篇文章主要讲解了“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://cdkjz.cn/article/ijhhih.html">http://cdkjz.cn/article/ijhhih.html</a> </div> <div class="g-return-wrapper clearfix"> <a href="http://www.cdkjz.cn/" class="home">返回首页</a> <a href="http://www.cdkjz.cn/news/" class="column">了解更多建站资讯</a> </div> </div> </div> <div class="full-related-news"> <h3 class="related-title">相关资讯</h3> <div class="related-news weblg"> <ul class="clearfix"> <li> <a href="/article/iiidhd.html"> <h2 class="title">在pycharm找不到python3是怎么回事</h2> </a> </li><li> <a href="/article/iiidhe.html"> <h2 class="title">前端工程师必知的Javascript设计模式有哪些</h2> </a> </li><li> <a href="/article/iiicod.html"> <h2 class="title">C++使用opencv处理两张图片的帧差</h2> </a> </li><li> <a href="/article/iiicsg.html"> <h2 class="title">ArcMap10编辑数据失败、编辑错误解决方案</h2> </a> </li><li> <a href="/article/iiiccd.html"> <h2 class="title">怎么在python中获取和释放GIL</h2> </a> </li><li> <a href="/article/iiidie.html"> <h2 class="title">工业革命的秋之涟漪（二）：从飞桨，走向深度学习产业实践</h2> </a> </li><li> <a href="/article/iiidgc.html"> <h2 class="title">GenomeStudio如何安装</h2> </a> </li><li> <a href="/article/iiicdc.html"> <h2 class="title">Android手机获取Mac地址的几种方法</h2> </a> </li> </ul> </div> </div> <div class="full-icontact-cover m-ft-contact"> <div class="weblg"> <div class="clearfix content"> <div class="motto"> 多年建站经验 </div> <div class="info"> <h3>多一份参考，总有益处</h3> <h2> 联系快上网，免费获得专属《策划方案》及报价</h2> <div class="msg"> <p>咨询相关问题或预约面谈，可以通过以下方式与我们联系</p> <h4> 大客户专线   成都：<a href="tel:+13518219792" rel="nofollow">13518219792</a>   座机：<a href="tel:02886922220" rel="nofollow">028-86922220</a> </h4> </div> </div> </div> <div class="btns clearfix"> <a href="https://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank" rel="nofollow" class="oline">在线咨询</a> <a href="javascript:;" class="edit" rel="nofollow">提交需求</a> </div> </div> </div> <div class="footer-content"> <div class="weblg clearfix"> <div class="friend-links"> <h6 class="clearfix"> <span class="tilte">友情链接</span> <a class="exchagne" href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes">交换友情链接</a> </h6> <div class="link-list clearfix"> <div class="link-slider"> <a href="http://www.cqcxhl.com/" title="网站建设" target="_blank">网站建设</a><a href="http://m.cdxwcx.com/wenjiang.html" title="温江电信机房" target="_blank">温江电信机房</a><a href="https://www.cdcxhl.cn/ " title="虚拟主机" target="_blank">虚拟主机</a><a href="https://www.cdxwcx.com/400/" title="成都400电话申请" target="_blank">成都400电话申请</a><a href="http://www.sczjjy.com/" title="四川中建建业" target="_blank">四川中建建业</a><a href="http://seo.cdcxhl.cn/wztg/" title="成都外贸网站优化" target="_blank">成都外贸网站优化</a><a href="https://www.cdcxhl.com/tuoguan/dianxin/" title="绵阳服务器托管" target="_blank">绵阳服务器托管</a><a href="https://www.cdcxhl.com/idc/cqwld.html" title="重庆电信五里店机房" target="_blank">重庆电信五里店机房</a><a href="http://www.kswsj.com/" title="成都制作网站" target="_blank">成都制作网站</a><a href="https://www.cdxwcx.com/wangzhan/gaiban.html" title="成都网站改版" target="_blank">成都网站改版</a> </div> </div> </div> </div> <div class="full-foot-bottom"> <div class="weblg clearfix"> <p>成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询<a href="tel:028-86922220">028-86922220</a></p> <p> 成都快上网科技有限公司-四川网站建设设计公司 | <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">蜀ICP备19037934号</a> Copyright 2020,ALL Rights Reserved cdkjz.cn | <a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a> | © Copyright 2020版权所有.</p> <p>专家团队为您提供<a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a>,<a href="http://www.cdkjz.cn/" target="_blank">成都网站设计</a>,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | <a href="###">网站建设地图</a></p> </div> </div> </div> <script type="text/javascript" src="../js/idangerous.swiper.min.js"></script> <script type="text/javascript" src="../js/wow.min.js"></script> <script type="text/javascript" src="../js/jquery.mousewheel.min.js"></script> <script type="text/javascript" src="../js/jquery.placeholder.min.js"></script> <script type="text/javascript" src="../js/layout.js"></script> </body> </html> <script> $(".singlepage 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>