3

jQuery ajaxFormプラグインの「beforeSubmit」オプションを使用してデータを検証しようとしていますが、無効なフォームフィールドがある場合でもフォームは送信されます。どこが間違っているのですか？ありがとう、

$(document).ready(function() { 
function validator(){ 
        $("#commentForm").validate();
}

    $('#commentForm').ajaxForm({ 
        dataType: 'json',
        url: "http://highlandfamilyeyecare.com/contactengine.php",
        beforeSubmit:  validator,
        success:        function(data) { 
            $('ul.form').fadeOut("slow");
            $('ul.form').html(data.formula).slideDown('slow');}
    });
});

そしてhtml：

<ul class="form">


    <li>    
        <form method="post" action="form.php" id="commentForm">

        <label class="white">Your Name</label>
        <input class="text-input required" type="text" name="name" /></li>

    <li>
        <label class="white">Email</label>
        <input class="text-input required email" type="text" name="email"/></li>

    <li>
        <li><input type='submit' value="Submit" />
        </form></li>

</ul>
4

3 に答える 3

6

beforeSubmit()関数は何も返しません。

あなたが欲しいでしょう：

function validator() { 
  return $("#commentForm").validate();
}

$('#commentForm").validate()が存在し、true/falseを正しく返すことを前提としています。

于 2010-03-08T21:39:57.117 に答える
3

ドキュメントによると、falseフォームの送信を防ぐために検証関数が戻る必要があります。

于 2010-03-08T21:38:42.543 に答える
2

メソッドが検証プラグインであると仮定するとvalidate()、これは正しい方法です。validateメソッドにエラーがある場合、フォームは送信されません。

    $('#commentForm').validate({
        errorClass: "invalidField",
        submitHandler: function() {
            $('#commentForm').ajaxSubmit(ajaxFormOptions);
        }
    });

ajaxFormOptions送信するためのオプションはどこにありますか。

于 2010-03-08T21:40:40.003 に答える