使 div 在 5 秒后消失，验证错误消息

Question

我有一个名为“.error”的 div，如果提交注册表并且它有错误，它就会出现，否则不会出现。我正在尝试制作一个包含使用 if 结构的 jquery 的 javascript 语句。

For example

if error div is visible after submit button is clicked

remove the error div after several seconds

end if statement 

任何帮助，将不胜感激

谢谢！

编辑：这是我的实际代码，我已尝试实现提供的一些示例，但到目前为止没有任何示例。

<script>
   $(document).ready(function(){
   var hideError = function () {
   $(".error").hide();
};

$("registration-form").submit(function () {
    setTimeout(hideError, 5000);
});

});
</script>

<?php
   $validation_errors = '';
   $proc_errors = '';
   if (isset($_POST['register'])) { // User submitted registration form
   require_once "formvalidator.php";
   $validator = new FormValidator();
   $validator->addValidation("new-username","req","Please enter a username");
   $validator->addValidation("new-username","minlen=5","Username cannot be less than 5           characters");
   $validator->addValidation("new-username","maxlen=25","Username cannot be more than 25 characters");
   $validator->addValidation("new-username","alpha","Username must not contain spaces, numbers or strange characters");

   $validator->addValidation("new-password","req","Please enter a password");
   $validator->addValidation("new-password","minlen=5","Password must be at least 5 characters!");
   $validator->addValidation("new-password","maxlen=25","Password cannot be more than 25 characters");

   $validator->addValidation("new-password2","eqelmnt=new-password","The confirmation password does not match");
   $validator->addValidation("new-password2","req","Please enter the confirm password field");

   $validator->addValidation("email","email","Please enter a valid e-mail address");
   $validator->addValidation("email","req","Please enter a valid e-mail address");

   $validator->addValidation("forename","req","Please enter your forename");

   $validator->addValidation("surname","req","Please enter your surname");

   $validator->addValidation("securityquestion","dontselect=--Select One--","Please choose a security question");

   $validator->addValidation("securityanswer","req","Please enter a security answer");
   $validator->addValidation("securityanswer","minlen=5","Security answer must be more than 4 characters");

   if($validator->ValidateForm()) {
    //If the validations succeeded, proceed with form processing
    $formproc = new regProcessor();
    $res = $formproc->ProcessForm();
    if($res == "SUCCESS") {
        header("Location: registrationsuccess.php"); /* Redirect browser */
        exit();
    } else {
        $proc_errors = '<div class="error">'.$res.'</div>';
    }
   } else {
    //Validations failed. Display Errors.
    $error_hash = $validator->GetErrors();
    $validation_errors = '';
    foreach($error_hash as $inpname => $inp_err) {
       $validation_errors .= '<div class="error">'.$inp_err.'</div>';
    }
  }
 }
?>  

Answer 1

要隐藏 div，请创建一个使用jQueryhide的函数，如下所示。

var hideError = function () {
    $(".error").hide();
};

（即使错误 div 已经隐藏，您也可以安全地调用它）

在提交表单时调用它（使用 jQuerysubmit事件处理程序），但在 5 秒后通过setTimeout.

$("form").submit(function () {
    setTimeout(hideError, 5000);
});

这意味着，如果用户通过单击“提交”按钮提交表单，或者通过按下Enter键盘来提交表单，则任何验证消息都将被隐藏。