jquery只能输入数字方法_jquery只能输入数字
2018-01-03 13:23:18  By: dwtedx

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


完整代码

<!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的留言板)

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


快速评论


技术评论

    • 845224315@qq.com 2018-01-17 10:26:27  1 评  | 回复

      2018网赚新项目,抢先机--我的座右铭:做不到日赚万元,死不瞑目!一辈子只做好一件事! 1.2018年最有潜力的赚钱项目,目前红利期不要错过。 2.稳定,每天赚个500-1000左右,我已经持续了一个多月,不然我也教不了你。 3.正规项目,可以长期操作。真正想赚钱的我可以教你,你赚了钱再来拜师。 4.好项目经得起考验,绝对不是垃圾项目,说的再好,你不做也是枉然。 5.虽然我不是大师,但是我能带你月赚万元绝没问题,直接复制我的就OK,不懂手把手教。 做网赚,别想一步登天,不是每个人都能赚钱的。如果,你没有坚定的信念,还是老老实实去上 班吧! 想清楚了再加我的微信,我要的是你勇往向前的决心,微信sgvg6666 (写验证码126,加我必通过) 我的座右铭:做不到日赚万元,死不瞑目!一辈子只做好一件事!


DD记账
top
+