如何在提交前让 Ajax 使用 CSS 表单验证

新代码人

在提交之前使用 CSS 表单验证的最佳方法是什么?现在无论如何它都会提交。

$('#contact_submit_btn').click(function(e) {
    e.preventDefault(); // This will prevent page refresh
    $.ajax({
        url: 'contact_form.php',
        type: 'POST',
        data: $("#contact_form_id").serialize(),
        success: function(msg) {
            alert('Email Sent');
            //contact_submit();
        }               
    });
});

我想一个简单的 if/else 我只是不知道要检查什么。

史蒂文拉瑟达

您可以执行 if/else 语句,也可以使用多个不同的库。例如,jquery 有一个您可以使用的表单验证插件。本例中的代码如下所示:

$( "form" ).submit(function( event ) {
  if ( $( "input:first" ).val() === "correct" ) {
     $.ajax({
        url: 'contact_form.php',
        type: 'POST',
        data: $("#contact_form_id").serialize(),
        success: function(msg) {
            alert('Email Sent');
            //contact_submit();
        }               
    });
  }

  $( "span" ).text( "Not valid!" ).show().fadeOut( 1000 );
  event.preventDefault();
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何防止表单使用 AJAX 验证提交

如何在使用Ajax提交的Codeigniter中使用form_validation验证表单数据

如何使用 jQuery Ajax 验证 Laravel 表单

表单验证后如何使用Ajax发布表单?

表单未提交并使用Jquery Ajax验证的Recaptcha提交

如何使用Ajax表单提交在Codeigniter表单验证中内联显示错误?

Yii2:如何使用AJAX验证表单,然后再次使用AJAX提交数据

使用Jquery验证插件的Ajax表单提交不起作用

如何使用JS验证表单,然后使用PHP和Ajax验证表单?

如何在提交时使用jquery验证来验证表单?

Ajax表单验证和提交

如何使用 jQuery 对注入的 ajax 表单进行多次验证?

如何使用jQuery从Ajax页面验证表单的输入

如何在Django中使用Ajax提交表单

如何使用Ajax和表单数据将验证码提交给控制器

单击按钮并验证后如何调用使用ajax的asp.net MVC表单提交事件?

如何在验证器函数中使用JS提交表单

如何使用CodeIgniter表单验证库通过AJAX验证空复选框并显示消息?

如何使用Bootstrap验证提交表单

如何使用jquery或ajax单击提交表单

如何使用onclick提交Rails AJAX表单

如何使用jquery验证插件ajax不使用现有电子邮件将表单提交到数据库

验证表单在提交之前输入ajax

Ajax 提交表单,jquery 未验证

在Symfony 5中验证AJAX提交的表单

验证后AJAX不提交表单

表单提交问题之前的jQuery Ajax验证

提交时进行AJAX表单验证

对提交表单ajax帖子进行验证