0

サイトでミニクイズを作成しましたが、正しい回答が選択されているかどうかをフォームの送信で確認する必要があります。必須のフィールドの一部が入力されていない場合、フォームは送信されず、クイズの部分で間違った答えのエラーが表示されます。これが私のスクリプトです。

<script type="text/javascript">// <![CDATA[

$.extend($.validator.messages, {
  required: "this is required",
  email: "enter valid email"
});

$.validator.addMethod("equalValue", function(value, element, param) { 
    var elem_name = $(element).attr('name');
    value = $('input:radio[name="'+elem_name+'"]:checked').val();
    return(value == param);
}, 'Incorrect answear');


$(document).ready(function() {
$("#form").validate({
ignoreTitle: true,
 rules: {
    gender: "required ",
    quiz1: {required: true, equalValue: "A"},
    quiz2: {required: true, equalValue: "A"},
    quiz3: {required: true, equalValue: "C"},
    quiz4: {required: true, equalValue: "B"},
    quiz5: {required: true, equalValue: "C"},
    quiz6: {required: true, equalValue: "B"},
  }
 });

});
// ]]></script>

false が返された場合、フォームを送信できないようにするにはどうすればよいですか?

前もって感謝します

4

1 に答える 1

0

Webページをロードした直後にフォームを検証する不正なスクリプトがあります。フォームの送信時に実行する必要があります。

<form id="quiz">
</form>

<script>

$('#quiz').submit(function(e)
{
    e.preventDefault();
    // validate form
    // if success,
    $(this).submit();
});
</script>
于 2012-11-12T11:28:59.053 に答える