欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  技术分享

jquery只能输入数字方法_jquery只能输入数字

程序员文章站 2022-02-02 20:30:31
...

本方法为验证文本框的输入内容，如果输入的是数字，则提示"√"。否则提示“必填，且只能输入数字字符”。


完整代码 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>jquery只能输入数字--柯乐义</title>
    <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
    <style>
        .inputtips{color:Red;}
    </style>
    </head>
    <body>
        <div>
            <script type="text/javascript" src="http://keleyi.com/kineryi/js/gggg336x280a.js"></script>
        </div>
        <div>
            请输入：<input type="text" id="number_keleyi_com" /><span id="number_keleyi_com_tips" class="inputtips"></span><br /><input value="验证" type="button" />
            <br />
            如果输入的是数字，则没有提示。否则会弹出提示。
            <br />
            <a href="http://keleyi.com/a/bjac/tv16sjeb.htm" target="_blank">原文</a>
        </div>
        <script type="text/javascript">
            //验证数字方法，如果输入的是数字，则提示"√"。否则提示“必填，且只能输入数字字符”
            //inputid为输入框的id
            function IsPositiveIntegra(inputid) {
                $("#"   inputid).blur(function () {
                $("#"   inputid).val()
                var reg_keleyi_com = /^[- ]?d $/;
                if (reg_keleyi_com.test($("#"   inputid).val())) {
                $("#"   inputid   "_tips").text("√");
                return true;
                }
                else {
                $("#"   inputid   "_tips").text("必填，且只能输入数字字符");
                $("#"   inputid).focus();
                return false;
                } 
                })
                }

                //使用
                $(document).ready(
                function () {
                IsPositiveIntegra("number_keleyi_com"); //使用上面方法验证id为number_keleyi_com的输入框


                $("#number_ke" "leyi_com").focus();

                }
            )
        </script>
    </body>
</html>


若资源对你有帮助，浏览后有很大收获，不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力。

想获取DD博客最新代码，你可以扫描下方的二维码，关注DD博客微信公众号（ddblogs）。

或者你也可以关注我的新浪微博，了解DD博客的最新动态：DD博客官方微博（dwtedx的微博）

如对资源有任何疑问或觉得仍然有很大的改善空间，可以对该博文进行评论，希望不吝赐教。

为保证及时回复，可以使用博客留言板给我留言: DD博客留言板（dwtedx的留言板）

感谢你的访问，祝你生活愉快、工作顺心、欢迎常来逛逛。

上一篇： JQuery重写一个对话框_js自定义弹出对话框

下一篇： ASP.NET MVC 事务_MVC中使用事务写法

推荐阅读