ajax同步请求和表单验证submitHandler

最新推荐文章于 2024-03-14 07:00:00 发布

21989939

最新推荐文章于 2024-03-14 07:00:00 发布

阅读量4.2k

点赞数

分类专栏：【前端】基础

本文链接：https://blog.csdn.net/qq_21989939/article/details/48713675

版权

本文探讨了Ajax异步请求可能导致的程序执行顺序问题，并详细介绍了如何使用SubmitHandler进行表单提交前的验证，确保数据正确无误。

摘要由CSDN通过智能技术生成

ajax异步请求可能会改变程序的运行顺序，今天接触来这个问题，请外也使用了submitHandler进行表单提交前的验证：

<script type="text/javascript">
var countMember = 0;
$().ready(function() {

    var $inputForm = $("#inputForm");

    [@flash_message /]

    // 表单验证
    $inputForm.validate({
        rules: {
            dictClassId: {
                required: true
            },
            studentNo: {
                maxlength: 15,
                pattern: /^\w+$/,
                remote: {
                    url: "check_studentNo.ct",
                    cache: false
                }
            },
            studentName: {
                required: true,
                maxlength: 20
            },
            success: function() {
                layer.load();
            }
        },
        messages: {
            studentNo: {
                remote: "${message("console.validate.exist ")}"
            }
        },
        submitHandler: function(form) {
            var isMobile = true;
            var isRealName = true;
            var isRepeat = true;
            var isCards=true;
            var pattern = /^1[345678]\d{9}$/;

            if (countMember == 0) {
                if ($('.search-choice').length == 0) {
                    $.message("warn", "至少添加一个家长！");
                    return false;
                }
            };

            //手机号码校验
            $(".mobile").each(function() {
                var mobile = $(this).val().replace(/^\s+|\s+$/g, "");
                if (mobile == "") {
                    $.message("warn", "请填写家长手机号！");
                    $(this).focus();