Javascript 祖鲁基金会遵守问题 无法使用基金会5遵守代码提交表单。如果不进行验证,代码/ajax表单将完美提交。请看下面的代码,我肯定我遗漏了一些东西。该表单现在只检查有效的电子邮件地址,不过如果我能首先进行此验证,我将在稍后添加检查名字和姓氏字段

Javascript 祖鲁基金会遵守问题 无法使用基金会5遵守代码提交表单。如果不进行验证,代码/ajax表单将完美提交。请看下面的代码,我肯定我遗漏了一些东西。该表单现在只检查有效的电子邮件地址,不过如果我能首先进行此验证,我将在稍后添加检查名字和姓氏字段,javascript,jquery,ajax,forms,zurb-foundation,Javascript,Jquery,Ajax,Forms,Zurb Foundation,表格: 在将验证添加到等式中之前,我是通过这个脚本提交表单的,这个脚本工作得很好,当我从表单中删除数据设置时仍然可以工作 $('form').on('submit', function (a) { a.preventDefault(); $.ajax({ type: 'post', url: 'addnewuser.php', data: $('form').serialize(), success:

表格:

在将验证添加到等式中之前,我是通过这个脚本提交表单的,这个脚本工作得很好,当我从表单中删除数据设置时仍然可以工作

 $('form').on('submit', function (a) {

      a.preventDefault();

      $.ajax({
        type: 'post',
        url: 'addnewuser.php',
        data: $('form').serialize(),
        success: function () {
          alert('User has been added successfully');
          window.location.reload(true);
        }
      });

    });

  });

你会胡闹吗?你尝试过什么样的验证模式?这里似乎很好:没有模式,唯一被验证的字段是电子邮件字段,它使用默认的ZURB基金会5验证。以及验证工作。不起作用的部分是表单的提交,AJAX部分。$.ajax部分下的所有内容都不会运行。我已经在上面的原始问题中添加了原始脚本,我在验证之前使用了该脚本,它运行良好。
$('#adduser').on('valid.fndtn.abide', function() {

     $.ajax({
          type: 'post',
          url: 'addnewuser.php',
          data: $('form').serialize(),
          success: function () {
               alert('User has been added successfully');
               window.location.reload(true);
          }
      });
});
 $('form').on('submit', function (a) {

      a.preventDefault();

      $.ajax({
        type: 'post',
        url: 'addnewuser.php',
        data: $('form').serialize(),
        success: function () {
          alert('User has been added successfully');
          window.location.reload(true);
        }
      });

    });

  });