提交时的 Jquery 表单显示成功消息 - Jquery Form on submit show success message

Jquery Form on submit show success message

我有一个使用 Jquery 显示消息的表单

*字段必填错误消息

如果提交表单，我正在尝试让它显示成功消息。

只要填写了要求字段，表单就会提交。

有谁知道我如何修改此代码以显示"成功"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();
       });  
   });

           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--->
    } 
}); 
                }

有两种简单的方法可以让您呈现成功消息。您可以将 ajax 与回调成功函数一起使用，或者如果您想要一个完整的帖子，您可以在文件顶部检查是否设置了某个 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
    })
}

    $(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();
             }
         } );
           });  
       });

参考提交