0

HTML5 連絡フォームを開発し、jQuery/AJAX で検証しようとしています。

私がオンラインで見つけることができる唯一のヘルプはこのチュートリアルです。これは、新しい HTML5 フォーム属性 (required および min-length) に対して最新のブラウザーでこれを行う方法を説明し、古いブラウザーではポリフィルを使用する方法を説明していますが、私のニーズは少しです。違う。

基本的に、3 つのチェックボックスのいずれかをリクエストするか、メッセージを入力してもらいたいと考えています。個別には、これらの要素はいずれも必須ではありませんが、フォームが送信される前に少なくとも 1 つの要素にデータが含まれている必要があります。

次のようなものを使用してPHPでこれを行うことができます：

if(empty ($checkbox1) && empty($checkbox2) && empty($checkbox3) && empty($message) ){
    $formok = false;
    $errors[] = "You need to either make a request for information, or ask a question.";
}

これを jQuery/AJAX 用に記述する方法を誰かが知っていれば、大歓迎です。

4

2 に答える 2

0

情報が get リクエストに不要なものである場合は、jQuery$.post()関数を調べてください。ドキュメントhttp://api.jquery.com/jQuery.post/は、適切な方向に進むのに十分なはずです。

于 2012-07-14T19:52:41.203 に答える
0 
     var $checkbx1 = $( '#checkbox1' ),
         $checkbx2 = $( '#checkbox2' ),
         $checkbx3 = $( '#checkbox3' ),
         formok = true,
         $msg = $( '#mymsg' ).val();

ユーザーはフォームを送信しようとします:

    $( '#submitBtn' ).click( function() {
        if( ( $checkbx1.val() == '' && $checkbx2.val() == '' &&
              $checkbx3.val() == '' ) || $msg == '' ) {

            formok = false;

        }

        if( formok )
        {
            $.ajax({
                url: 'yourUrl',
                data: 'yourData',
                type: 'post',
                dataType: 'json',
                success: cb <-- your callback function
            });
        }
    });
于 2012-07-14T20:15:04.637 に答える