• input-number-not-required


    当input的type为number时,没有required的属性:

    <input type=”number” class=”aa” />

    在type为number的情况下,如果输入e或者为空,利用$(“.aa”).val()获取的值都为空,这时提示无法分开,但需求要求“输入格式不正确”或“不能为空”的提示需分开,此时可借助于validationMessage属性进行判断,当输入为e结尾时,其$(“.aa”)[0].validationMessage的值为“请输入一个数字”,这时应提示“格式不正确”;当不输入时,其$(“.aa”)[0].validationMessage的值为””,这时应提示“不能为空”;

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
        <meta name="format-detection" content="telephone=no">
        <script src="jquery-3.2.1.js"></script>
    </head>
    <body>
    <div>
        <input type="number" placeholder="自定义" class="user-define-money" />
    </div>
    <button class="btn-test">test</button>
    <script>
        $(".btn-test").on('click',function(e){
            console.log($('.user-define-money').val())
            console.log($('.user-define-money')[0].value);
            var userValue =$('.user-define-money').val();
            alert(userValue);
            if(userValue ==""){
           if($('.user-define-money')[0].validationMessage){
                    alert("格式不正确");
                    $('.user-define-money').val("");
                    return ;
                }else{
                    alert("不能为空");
                    $('.user-define-money').val("");
                    return ;
                }
            }
            if(/^d+(.)?$/.test(userValue)){
                userValue = userValue.split(".")[0];
            }
            if(/^0d+?/.test(userValue)){
                alert("格式不正确");
                $('.user-define-money').val("");
                return ;
            }
            if(userValue==''||userValue==undefined){
                alert("不能为空");
                return;
            }else if(isNaN(userValue)||userValue==0){
                alert("格式不正确");
                $('.user-define-money').val("");
                return ;
            } else if(checkUserDefined(userValue)){
                money = userValue;
            }else{
                alert("格式不正确");
                $('.user-define-money').val("");
                return ;
            }
        })
        function checkUserDefined(value){
            if(!isNaN(value) && /^d+(.d{1,2}|.)?$/.test(value)){
                //这里的判断是控制非数字和小数点最多两位的
                if(value.indexOf(".")==-1 && value.length<9){
                    //这里的判断是输入没有小数点且长度最大为8,符合条件
                    return true;
                }else if(value.indexOf(".")!==-1 && value.length<=9){
                    //这里的判断是输入有小数点且长度最大为8,符合条件
                    return true;
                }else{
                    //剩下的就是不符合条件
                    return false;
                }
            }else{
                //这里也是不符合条件
                return false;
            }
        }
    </script>
    </body>
    </html>
    

    Ps:解决了input的type为number时输入e和不输入的两种分开提示;但仍存在部分手机可以输入汉字或者其他非法字符的情况。

    ps:有人知道怎么解决上述情况的,还望指教啊,谢谢呢

  • 相关阅读:
    第01组 Alpha冲刺 (4/4)
    第01组 Alpha冲刺 (3/4)
    发布 学习进度条 博客要求
    0302思考并回答一些问题
    13商软 《软件工程》课程设计 评分
    13商软 《软件工程》课程设计
    数独游戏的设计与实现 13商软《软件工程》补考题目
    期未总评分
    《软件工程》 团队项目展示
    20150616 最后一次冲刺
  • 原文地址:https://www.cnblogs.com/haimengqingyuan/p/8570302.html
Copyright © 2020-2023  润新知