jquery检测数字

最新推荐文章于 2021-04-30 08:47:45 发布

lampsunny

最新推荐文章于 2021-04-30 08:47:45 发布

阅读量809

点赞数

分类专栏： Javascript 文章标签： jquery button function xhtml input html

本文链接：https://blog.csdn.net/lampsunny/article/details/7390141

版权

Javascript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!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></title>
    <style type="text/css">
        #error
        {
            padding-left:15px;
            color:Red;
        }
    </style>
     <script src=" http://pay.fy5.com/statics/js/jquery.min.js" type="text/javascript"></script>
     <script type="text/javascript">
         $(document).ready(function () {
             $("#error").hide();
             $("#Button1").click(function () {
                 var $val = $("#Text1").val();
                 var code;
                 for (var i = 0; i < $val.length; i++) {
                     //charAt()获取指定位置字符串,charCodeAt()返回该字符串的编码
                        //0的ASCII是48,9的ASCII是57
                     var code = $val.charAt(i).charCodeAt(0);
                     if (code < 48 || code > 57) {
                         $("#error").show();
                         break;
                     }
                     else {
                         $("#error").hide();
                     }
                 }
             });
         });
     </script>
</head>
<body>
<div>
Name:<input id="Text1" type="text" /><span id="error">Please enter numeric</span>
</div>
    <input id="Button1" type="button" value="button" />
</body>
</html>

lampsunny

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery检测数字

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> #error { padding-left:15px; color:Red; }
复制链接

扫一扫