ошибка отображения конечного пользователя перед отправкой формы

У меня есть форма, через которую я хочу добавить значения в базу данных. он работает нормально, для проверки я добавил проверку на завершение сервера, но ошибки, если они будут отображаться после отправки формы, я хочу использовать проверку на завершение работы пользователя так, чтобы, если пользователь не вводит поле, ввод подходящего формата или пароль не совпадают, ошибка должна отображаться одновременно, т.е. перед нажатием кнопки отправки. Может кто-нибудь сказать, как это может быть сделаноошибка отображения конечного пользователя перед отправкой формы

<?php 
if ($_SERVER["REQUEST_METHOD"] == "POST") 
    { 


     if (empty($_POST["email"])) 
      { 
       $emailErr = "Email is required"; 
      } 
     else 
      { 
       $email =$_POST["email"]; 
      } 

     if (empty($_POST["password"])) 
      { 
       $pswrdErr = "password is required"; 
      } 
     else 
      { 
       $password = $_POST["password"]; 
      } 

     if ($_POST["password"]!=$_POST["retype_password"]) 
      { 
       $pswrdErr = "password does not match"; 
      } 
     else 
      { 
       $password = $_POST["password"]; 
      } 

     //insert query to add values in database 

    } 
?>   
<form name="form" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post" > 
    <input type="text" placeholder="Name" name="name"/> 
    <input type="email" placeholder="Email" name="email"/> 
    <input type="password" placeholder="Password" name="password"/> 
    <input type="password" placeholder="Retype Password" name="retype_password"/> 
    <button name ="submit" value = "submit" class="btn btn-greensea b-0 br-2 mr-5">Register</button> 
</form>

источник

2016-01-27 stuti

Возможная дубликата [Javascript проверки формы с паролем подтверждения] (http://stackoverflow.com/questions/16990378/javascript-form-validation-with-password-confirming) – Gavriel

дубликат: http://stackoverflow.com/questions/15060292/a-simple-jquery-form-validation -скрипт – Gavriel

вы можете использовать проверку jquery. –

Вы можете попробовать это

<!DOCTYPE html> 
<html> 
<body> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>  
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 
<?php 
if ($_SERVER["REQUEST_METHOD"] == "POST") 
    { 
     if (empty($_POST["email"])) 
      { 
       $emailErr = "Email is required"; 
      } 
     else 
      { 
       $email =$_POST["email"]; 
      } 

     if (empty($_POST["password"])) 
      { 
       $pswrdErr = "password is required"; 
      } 
     else 
      { 
       $password = $_POST["password"]; 
      } 

     if ($_POST["password"]!=$_POST["retype_password"]) 
      { 
       $pswrdErr = "password does not match"; 
      } 
     else 
      { 
       $password = $_POST["password"]; 
      } 

     //insert query to add values in database 

    } 
?>   
<form name="form" id="register-form" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post" > 
    <input type="text" placeholder="Name" name="name"/> 
    <input type="email" placeholder="Email" name="email"/> 
    <input type="password" placeholder="Password" name="password" id="password"/> 
    <input type="password" placeholder="Retype Password" name="retype_password" id="retype_password"/> 
    <button name ="submit" value = "submit" class="btn btn-greensea b-0 br-2 mr-5">Register</button> 
</form> 


<script> 
    (function($,W,D) 
    { 
     var JQUERY4U = {}; 

     JQUERY4U.UTIL = 
     { 
      setupFormValidation: function() 
      { 
       //form validation rules 
       $("#register-form").validate({ 
        rules: { 
         name: "required", 
         email: { 
          required: true, 
          email: true 
         }, 
         password: { 
          required: true, 
          minlength: 5, 
         }, 
         retype_password: { 
          equalTo :'#password' 
         } 
        }, 
        messages: { 
         name: "Please enter your name", 
         password: { 
          required: "Please provide a password", 
          minlength: "Your password must be at least 5 characters long", 
         }, 
         email: "Please enter a valid email address", 
         agree: "Please accept our policy" 
        }, 
        submitHandler: function(form) { 
         form.submit(); 
        } 
       }); 
      } 
     } 

     //when the dom has loaded setup form validation rules 
     $(D).ready(function($) { 
      JQUERY4U.UTIL.setupFormValidation(); 
     }); 

    })(jQuery, window, document); 
</script> 
</body> 
</html>

источник

2016-01-27 07:34:21

использовать код JQuery для клиентской стороне проверки

$(form).submit(function(e){ 
    if($("input[name='name']").val()=="") 
    { 
    e.preventDefault();//this will stop form from submitting 
    //show msg name is required 
    } 
});

источник

2016-01-27 07:27:23

ошибка отображения конечного пользователя перед отправкой формы

ответ

Смежные вопросы