jQuery的验证插件与动态表单 [英] jquery validate plugin with dynamic forms

问题描述

如何使用code（从演示），如果还没有创建表单：

How to use this code (from the demo) if the form isn't created yet:

jQuery("#form").validate({
  submitHandler: function(form) {
    jQuery(form).ajaxSubmit({
      target: "#result"
    });
  }
});

不工作的一种方法是调用验证上上（咔哒，是这样的：

$(document.body).on('click', '.submitBtn', function(){
   var $form =$('form'+this.id);
       $form.validate({
         submitHandler: function($form) {
           $form.ajaxSubmit({
             target: "#result"
           });
         }
       });
});

有什么建议？

推荐答案

窗体后尝试使用的jQuery（＃表）。验证（）。表（）被创建。 http://docs.jquery.com/Plugins/Validation/Validator/form

Try using jQuery("#form").validate().form() after the form is created. http://docs.jquery.com/Plugins/Validation/Validator/form

$(document.body).on('click', '.submitBtn', function(){
   var $form =$('#form'+this.id);
       $form.validate({
         submitHandler: function($form) {
           $($form).ajaxSubmit({  //need to properly refer to jQuery object
             target: "#result"
           });
         }
       }).form();
});

这篇关于jQuery的验证插件与动态表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！