如何在条件下调用规则消息验证jQuery

Question

我想调用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验证放在条件

Answer 1

您不需要将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>

Answer 2

您可以尝试这样的东西

这里验证甚至在您的Ajax呼叫完成之前就会发生。

为了实现这一目标，我们只是添加了$(value).val().trim().length

和 $(value).val() != null您甚至可以验证数字是否有一定长度

https://jsfiddle.net/neefe7cm/