验证表单输入是否正确

最新推荐文章于 2024-03-29 09:54:08 发布

原创最新推荐文章于 2024-03-29 09:54:08 发布 · 947 阅读

0 ·

CC 4.0 BY-SA版权

js高级程序设计专栏收录该内容

10 篇文章

订阅专栏

$(document).ready(function(){
    $('#company_submit').attr('disabled', true);
    //判断用户输入的信息是否符合规则;
    $('#company_people').on('input',function() {
        if ($('#company_people').val() == "") {/*判断输入的是否为空！*/
            $('#company_people').popover('show');
        } else if (isNaN(Number($('#company_people').val()))) {/*判断输入的是否为数字！*/
            $('#company_people').attr('data-content', '请输入数字！');
            $('#company_people').popover('show');
            number1 = false;
        } else {
            $('#company_people').popover('hide');
            number1 = true;
        }
        company_Next();
    });
        $('#company_emil').on('blur',function () {
            if ($('#company_emil').val() == "") {/*判断输入的是否为空！*/
                number2 = false;
                $('#company_emil').popover('show');
            } else if ($('#company_emil').val() != ""){
                $('#company_emil').popover('hide');
                number2 = true;
            }
            company_Next();
        });
    //判断满足下一步的条件
        function company_Next(){
            if (number1 == false || number2==false) {
                $('#company_submit').attr('disabled', true);
            } else {
                $('#company_submit').attr('disabled', false);
            }
        }
});