在Jquery验证(bvalidator)之后使用AJAX提交表单

时间:2011-06-05 14:51:14

标签: jquery

我知道这是一个非常普遍(和基本)的问题,但我尝试过没有成功。

我有一个基本表单,我正在使用bValidator(jQuery):

    <form id="contactform" method="post">
    <input type="text" id="nom" name="nom" data-bvalidator="required" />
    <input type="text" id="courriel" name="courriel"  data-bvalidator="email,required" />
    <textarea name="message" id="message" cols="30" rows="4"  data-bvalidator="minlength[20],required"></textarea>
    <input type="image" src="images/send_btn.png" id="sendform" />
    </form>

我正在尝试在验证后发送$ .ajax()并且它不起作用...

        $(document).ready(function () {
            $('#contactform').bValidator();
        });
        $('#sendform').click(function() {
            $.ajax({ (----process.php---!!!!) });
        }

我知道这不是正确的做法......

事先提前

2 个答案:

答案 0 :(得分:1)

答案在这里:How to integrate jquery.bvalidator and jquery.form plugins?。将bValidator与jQuery Form Plugin一起使用。

答案 1 :(得分:0)

您正在寻找jQuery.serialize。文档中有一些示例可以为您提供更多指导。

基本上,它就像

一样
$('form').submit(function() {
  var payload = $(this).serialize();
  // do the ajax request with "data" option set to payload
  return false;
});