Trung tâm cá nhân
sách gpt4 ai đã đi

jQuery + jQuery 表单提交插件 + jQuery 验证插件

In lại 作者：行者123 更新时间：2023-12-01 01:30:13 32 4
mua khóa gpt4 Nike

我知道这个问题已经被问过几次了，但想知道您是否可以帮助我解决这个问题。

背景:我尝试创建一个使用 Ajax 提交的表单(jQuery 表单提交)。我已经工作得很好，然后我想在表单上得到验证。我可以使用 jQuery 表单验证插件来开始工作。但我似乎无法让他们一起工作。

基本上它只是提交表单天气或不“有效”。

我希望这很简单。您能看到问题吗？

$('#addCompany').submit(function() { 
    $('#addCompany').ajaxSubmit({
        target: '.response',   
            beforeSubmit: validateForm,   
        success: function () {
            $('.response').fadeIn('slow');
        }
     }); 

    }); //END SUBMIT FUNCTION
  }); //END DOCUMENT

  function validateForm() {
        $("#addCompany").validate({
            rules: {
                company: "required",
                contactEmail: "required"
                },
             messages: {
                company: "Please enter the clients company",
                                contactEmail: "Please enter a valid email address",
                   }
        });
    }

1 Câu trả lời

你的操作顺序错误。请参阅example here 。在你的情况下，它应该是:

$("#addCompany").validate({
  rules: {
    company: "required",
    contactEmail: "required"
  },
  messages: {
    company: "Please enter the clients company",
    contactEmail: "Please enter a valid email address",
  },
  submitHandler: function(form) {
    $(form).ajaxSubmit({
      target: '.response',   
      success: function() {
        $('.response').fadeIn('slow');
      }
    });
  }
});

关于jQuery + jQuery 表单提交插件 + jQuery 验证插件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2234266/

32 4 0
Bài viết được đề xuất: jquery - 简单的正则表达式在 jQuery 中提取方括号之间的内容
Bài viết được đề xuất: perl - 使用 SWIG 将二进制数据移入/移出 Perl
Bài viết được đề xuất: security - 防止机器人进行表单提交
Bài viết được đề xuất: jquery - 什么时候适合使用 Accordion ？
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com