JavaScript验证知识整理

JS只能输入数字，数字和字母等的正则表达式

创新互联专注于荔城网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供荔城营销型网站建设，荔城网站制作、荔城网页设计、荔城网站官网定制、成都小程序开发服务，打造荔城网络公司原创品牌,更为您提供荔城网站排名全网营销落地服务。

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

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

3.数字和小数点方法二

4.只能输入字母和汉字

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

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

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

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

禁止特殊字符：

onKeyPress="if(event.keyCode < 45 || event.keyCode > 57 ) event.returnValue = false;"

只能输入汉字：

禁止汉字输入法

只能输入数字：

只能输入英文和数字：

控制输入框只能输入文字或数字，也可以不允许输入特殊字符

这里不允许输入如下字符: (像 ^&* 等)

</pre></div><p>只禁止空格输入</p><div><pre>onkeyup="value=value.replace(//s/g,'')"

onkeydown="if(event.keyCode==32) return false"
</pre></div><p>只能输入中文和英文：</p><div><pre>onkeyup="value=value.replace(/[^/a-zA-Z/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/a-zA-Z/u4E00-/u9FA5]/g,''))"</pre></div><p>不允许输入特殊字符和空格:</p><p><code><input id="code" onkeypress="return ValidateSpecialCharacter();" onblur="validate(this)"/></code></p><p>不能为空</p><p><code><input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')"></code></p><p>判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母</p><p><code>/^([a-zA-z_]{1})([\w]*)$/g.test(str)</code></p><p>只能输入数字</p><div><pre><input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" ></pre></div><p>只能输入中文</p><p><code><input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"></code></p><p>只能输入英文</p><div><pre><input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"></pre></div><p>只能输入中文、英文、数字、@符号和.符号</p><p><code><input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')"></code></p><p>只允许输入英文，且不能粘贴也无法弹出粘贴菜单</p><div><pre><input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false"/></pre></div><p>只能输入数字和点号(注意:在[^\d\.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)</p><div><pre><input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,'')" ></pre></div><p>总而言之:先在<input>里输入onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了</p><p>中文：u4E00-u9FA5</p><p>数字：d、0-9</p><p>英文：a-z、A-Z</p><p>其它符号@,点或其它符号.也可以多个,用\隔开就行了.</p><p>例如:</p><p>中、英文和数字加@符号加点符号：\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.</p><p>若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"</p><p>其一，只允许输入数字和小数点。</p><div><pre><input onKeypress="return (/[/d.]/.test(String.fromCharCode(event.keyCode)))" ></pre></div><p>其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来</p><div><pre><script> 
function check(){ 
if (isNaN(tt.value)) 
{alert("非法字符！"); 
tt.value="";} 
} 
</script> 
<input type="text" name="tt" onkeyup="check();"></pre></div><p>其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。</p><div><pre><script language=javascript> 
function onlyNum() 
{ 
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)) 
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) 
event.returnValue=false; 
} 
</script><input onkeydown="onlyNum();" style="ime-mode:Disabled> </pre></div><p>结语,其实</p><p><code>style="ime-mode:Disabled </code></p><p>这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。</p><p>只允许输入数字</p><p><code><input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,'')"></code></p><p>只允许输入英文字母、数字和下划线(以下二种方法实现)</p><div><pre><input name="username" type="text" > 
<input name="username" type="text" onkeyup="value=value.replace(/[^/w/.//]/ig,'')"></pre></div><p>只允许输入英文字母、数字和&=@</p><p><code><input name="username" type="text" onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')"></code></p><p>只允许输入英文字母、数字和&=@</p><p><code><input name="username" type="text" onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')"></code></p><p>只允许输入汉字</p><p><code><input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"></code></p><p>以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持创新互联！</p>            
            
                        <br>
            标题名称：JavaScript验证知识整理            <br>
            文章位置：<a href="http://bzwzjz.com/article/jehsod.html">http://bzwzjz.com/article/jehsod.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/dospegs.html">mysql怎么实现全连接 mysql全外连接</a>
                </li><li>
                    <a href="/article/dospees.html">python的构造函数和 python的构造函数</a>
                </li><li>
                    <a href="/article/dospico.html">c语言函数名怎么命名 c函数命名规则</a>
                </li><li>
                    <a href="/article/dospidj.html">php如何爬取网站数据 php爬网页</a>
                </li><li>
                    <a href="/article/dospehj.html">python内置除法函数 python里面的除法</a>
                </li>        </ul>
    </div>
</div>
<div class="footer2">
    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号 <br />友情链接：
    <a href="http://www.cdweb.net/" target="_blank">成都网站设计 </a><a href="http://www.kswcd.com/" target="_blank">成都企业网站设计 </a><a href="http://m.cdcxhl.com/" target="_blank">网站建设推广 </a><a href="http://www.cdwuji.cn/" target="_blank">成都网站建设 </a><a href="http://chengdu.cdcxhl.cn/dingzhi/" target="_blank">定制网站设计 </a><a href="http://www.kswsj.cn/" target="_blank">成都网站建设 </a><a href="https://www.cdcxhl.com/" target="_blank">成都网站设计 </a><a href="http://www.kswjz.cn/" target="_blank">成都网站建设 </a><a href="http://www.scgulin.cn/" target="_blank">古蔺网站建设 </a><a href="http://www.cdxtjz.com/" target="_blank">网站制作 </a><a href="http://www.kswcd.com/mobile/" target="_blank">手机网站建设 </a><a href="http://chengdu.cdcxhl.com/dingzhi/" target="_blank">定制网站建设 </a><a href="http://m.xwcx.net/" target="_blank">H5网站制作 </a><a href="http://www.cqcxhl.com/" target="_blank">重庆网站建设 </a><a href="https://www.cdcxhl.com/h5.html" target="_blank">成都h5网站建设 </a><a href="http://www.cdkjz.cn/fangan/education/" target="_blank">教育网站设计方案 </a><a href="https://www.cdxwcx.com/" target="_blank">成都网站制作 </a><a href="http://www.cdxwcx.cn/sheji/" target="_blank">网站设计公司 </a><a href="http://www.cxjianzhan.cn/fwxm/pinpai.html" target="_blank">成都品牌网站设计 </a><a href="http://m.cdcxhl.com/liucheng.html" target="_blank">成都网站建设流程 </a><a href="https://www.cdcxhl.com/shop.html" target="_blank">商城网站建设 </a><a href="https://www.cdxwcx.com/wangzhan/mobile.html" target="_blank">手机网站建设 </a></div>

</body>
</html>
<script src="/Public/Home/js/wow.min.js"></script>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
    };
</script>
<div class="sidebar">
    <ul>
        <li><a href="http://wpa.qq.com/msgrd?v=3&uin=244261566&site=www.bzwzjz.com&menu=yes" target="_blank"><img src="/Public/Home/images/right_qq.png" /></a></li>
        <li><a href="http://wpa.qq.com/msgrd?v=3&uin=1683211881&site=www.bzwzjz.com&menu=yes" target="_blank"><img src="/Public/Home/images/qq.png" /></a></li>
        <li class="tel"><a href="tel:028-86922220"><img src="/Public/Home/images/right_tel.png" /></a></li>
        <div class="wx">
            <span class="weixin"><img src="/Public/Home/images/weixin.jpg"><br> 微信扫一扫在线咨询</span>
        </div>
        <li><a class="fx" href="#hero"><img src="/Public/Home/images/right_up.png" /></a></li>
    </ul>
</div>
<script type="text/javascript">
    $(function () {
        $('.sidebar .fx').click(function () {
            $('html,body').animate({
                scrollTop: '0px'
            }, 800);
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#fancybox-manual-b").click(function () {
            $.fancybox.open({
                href: 'map.html',
                type: 'iframe',
                padding: 5
            });
        })
    });
</script>
<script>
    $(".con 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>

用户体验为先导 为品牌带来生命力

JavaScript验证知识整理

用户体验为先导为品牌带来生命力