如果条件,如何调用规则消息验证jquery

时间:2018-04-04 12:31:59

标签: jquery

我想调用jquery规则,当移动号码为空时进行消息验证,所以我编写了这样的代码但是无法获得此代码的jquery验证

<script>

    $(document).ready(function () {
        $("#submit").click(function () {
            var mobileNumber = $("#mobileNumber").val();
            // alert(mobileNumber);
            if (mobileNumber == "")
            {


                $("form[name='mobnumber']").validate({
                    rules: {
                        mobileNumber: {
                            required: true
                   },
                    },
                    messages: {
                        mobileNumber: {
                            required: "Enter Mobile Number"
                   },
                    },
                    submitHandler: function (form) {
                        form.submit();
                    }
                });

            } else
            {
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url('test'); ?>",
                    data: {mobileNumber: mobileNumber},
                    success: function (result) {

                    }
                });
            }
            return false;
        });

    });
</script>

但验证没有调用。如何在条件

中放置jquery验证

2 个答案:

答案 0 :(得分:0)

您不需要将mobilenumber == ""的条件删除,并在submitHandler()内添加ajax代码,以验证所需的验证。

<script>

    $(document).ready(function () {
        $("#submit").click(function () {
            var mobileNumber = $("#mobileNumber").val();
            $("form[name='mobnumber']").validate({
                rules: {
                    mobileNumber: {
                        required: true
                    },
                },
                messages: {
                    mobileNumber: {
                        required: "Enter Mobile Number"
                    },
                },
                submitHandler: function (form) {
                    $.ajax({
                        type: "POST",
                        url: "<?php echo base_url('test'); ?>",
                        data: {mobileNumber: mobileNumber},
                        success: function (result) {

                        }
                    });
                }
            });

        });

    });
</script>

答案 1 :(得分:0)

你可以尝试这样的事情

这里验证甚至在你的ajax调用完成之前就已经发生了。

要完成此操作,我们只需添加$(value).val().trim().length

$(value).val() != null您甚至可以验证该号码是否具有一定的长度

https://jsfiddle.net/neefe7cm/