• 验证数字字段


    1.  .charAt(index):可返回指定位置的字符

    注:index 必需。表示字符串中某个位置的数字,即字符在字符串中的下标。

      字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。

    2. .charCodeAt(index)  方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

    注:index 必需。表示字符串中某个位置的数字,即字符在字符串中的下标。

      字符串中第一个字符的下标是 0。如果 index 是负数,或大于等于字符串的长度,则 charCodeAt() 返回 NaN。

    charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。

    3.ASCII:是基于拉丁字母的一套电脑编码系统,主要用于显示现代英语和其他西欧语言。

    注:其中48-57之间是数字1-9

    4. .preventDefault() :取消事件的默认动作。

    5.  break 中断循环

    $(document).ready(function(){
        $('.error').hide();
        $('.submit').click(function(){
            var data = $('.infobox').val();  //获取输入框的属性值
            var len = data.length;  //属性值的个数
            var c = 0;
            for(var i=0; i<len; i++){
                c=data.charAt(i).charCodeAt(0);  //返回指定位置的字符字符编码
                if(c<48 || c>57){ //判断小于48的且大于57的两项符合哪项都执行以下代码
                    $('.error').show();
                    event.preventDefault(); //禁止提交
                    break; //中断循环
                }else{
                    $('.error').hide();
                }
            }
    
        });
    });
    
    
    <form action="" id="signup" method="post">
        <div><span class="label">Enter Age:</span><input type="text" class="infobox" name="age" /><span class="error">Only numericals allowed</span>
    </div> <input type="submit" value="Submit" class="submit" /> </form>
    .charCodeAt(index)
  • 相关阅读:
    蒙特卡洛法(随即取样法) 数模 笔记
    【数模学习】Matlab 符号微积分 计算微分、雅可比矩阵、不定积分与定积分、求解微分方程
    Length of Last Word
    基于视频深度学习的人物行为识别 资料汇总
    3S比赛预定
    求解一元多次方程 牛顿迭代法
    LeetCode | Climbing Stairs
    LeetCode | Palindrome Number
    LeetCode | Merge Sorted Array
    LeetCode | Valid Palindrome
  • 原文地址:https://www.cnblogs.com/qdmaomao/p/4819544.html
Copyright © 2020-2023  润新知