0

Jquery を使用してメッセージを表示するフォームがあります。

*必須項目 エラーメッセージ

フォームが送信された場合に成功メッセージを表示しようとしています。

必須フィールドが入力されている限り、フォームは送信されます。

すべての「req」フィールドが入力されている場合、このコードを変更して「成功」divを表示する方法を知っている人はいますか?

ありがとう

    $(function() {
       function validateform() {
          var valid = true;
          $(".req").css("border","1px solid #ccc");
          $(".req").each(function() {
             if ( $(this).val() == "" || $(this).val().replace(/\s/g, '').length == 0 ) {
                $(this).css("border","1px solided");$(".required").css("display","block");
                valid = false;
             }
          });
          return valid;
       }    
       $("#submit").click( function() {
          $('#myform').submit( validateform );
          $('$name').submit();
       });  
   });
4

3 に答える 3

1 
           submitHandler: function(form){
                  $(form).ajaxSubmit({
    target: '#preview', 
    success: function() {  
    $('#form id').slideDown('slow'),
<!-- RESET THE FORM FIELDS AFTER SUBMIT STARTS HERE-->
    $("#form")[0].reset();
<!--RESET THE FORM FIELDS AFTER SUBMIT  ENDS HERE--->
    } 

}); 

                }
于 2014-12-10T10:20:11.630 に答える
0

成功メッセージを表示できるようにする簡単な方法が 2 つあります。コールバック成功関数で ajax を使用するか、完全な投稿が必要な場合は、ファイルの先頭で特定の POST が設定されているかどうかを確認し、設定されている場合は成功メッセージを表示できます。

POST をチェックする例を次に示します。

if(isset($_POST['name attribute posting'])) {
    $util->showSuccessMessage();
    //OR echo "<div class='popup'></div>"
}

以下は、Ajax の成功コールバック関数を使用した例です。

function submitForm() {
    $.ajax({
        url : 'this_file.php',
        type: 'POST',
        success : showSuccessMessage   //function call
    })
}
于 2013-10-15T03:55:19.523 に答える
0 
    $(function() {
           function validateform() {
              var valid = true;
              $(".req").css("border","1px solid #ccc");
              $(".req").each(function() {
                 if ( $(this).val() == "" || $(this).val().replace(/\s/g, '').length == 0 ) {
                    $(this).css("border","1px solided");
                    $(".required").css("display","block");
                    valid = false;
                 }

              });
              return valid;
           }    
           $("#submit").click( function() {
              $('#myform').submit(function()

               {
               if( validateform)
              {
                $('$name').submit();
             }
         } );

           });  
       });

参照送信

于 2013-10-15T04:09:34.440 に答える