HTML form submit button check

Question

поэтому я создал форму HTML, в которой хранятся данные в базе данных, а затем я их беру, и сегодня я хотел сделать ее более продвинутой.

Так у меня есть форма, которая выглядит следующим образом (не для входа в систему, просто для примера)

<form method="post" action="process.php" autocomplete="off"> 

Name: <input type="text" name="name"/> 
Surname: <input type="text" name="surname" /> 
Phone: <input type="text" name="phone" /> 

<input type="submit" /> 

В process.php Он хранит данные в базе данных, чтобы позже я могу использовать их. Я хочу сделать это, если один или несколько из них пустые, когда вы нажимаете кнопку отправки, отображается ошибка типа «Обязательно заполнять все поля», но если вы все сделали, она просто представляет и хранит данные в базе данных.

Я думал, что я могу сделать с этим видом кода

<?php 
$required = array('name', 'surname', 'phone'); 

$error = false; 
foreach($required as $field) { 
    if (empty($_POST[$field])) { 
    $error = true; 
    } 
} 

if ($error) { 
    write and error message and don't react to submit 
} else { 
    if everything is done, allow to submit 
} 
?> 

Как я могу заставить его работать, что вы не можете нажать кнопку отправить, пока вы закончите все нету поля?

Спасибо!

Answer 1

Добавить имя атрибута для кнопки набора, необходимого для всех требуемых полей

<input name="submit" type="submit" /> 

в PHP

<?php 
if(isset($_POST['submit'])){ 
$required = array('name', 'surname', 'phone'); 

$error = false; 
foreach($required as $field) { 
    if (empty($_POST[$field])) { 
    $error = true; 
    } 
} 

    if ($error) { 
     write and error message and don't react to submit 
    } else { 
     if everything is done, allow to submit 
    } 
} 
?> 

Answer 2

Попробуйте код ниже

<?php 
    if(isset($_POST['submit'])){ 
      $required = array('name', 'surname', 'phone'); 

      $error = false; 
      $message=''; 
      foreach($required as $field) { 
       if (empty($_POST[$field])) { 
       $error = true; 
       } 
      } 

      if ($error) { 
       $message = 'All fields required'; 
       }else{ 
    //Submit process here 

      } 

    } 
    ?> 
    <?php echo $message; ?> 
    <form method="post" action="process.php" autocomplete="off"> 

    Name: <input type="text" name="name"/> 
    Surname: <input type="text" name="surname" /> 
    Phone: <input type="text" name="phone" /> 

    <input type="submit" name="submit" value="Submit" /> 

Answer 3

Вы желаете что-то на стороне клиента к подтвердите поля, прежде чем сможете отправить их на следующую страницу. Просмотрите проверку в jQuery и, возможно, включите «обязательный» атрибут, который был добавлен в HTML5.

Answer 4

Самый простой и быстрый способ, вы можете использовать HTML5 required.

<form method="post" action="process.php" autocomplete="off"> 
 

 
Name: <input type="text" name="name" required /> 
 
<BR> 
 
Surname: <input type="text" name="surname" required /> 
 
<BR> 
 
Phone: <input type="text" name="phone" required /> 
 
<BR> 
 
Gender: Male <input type="radio" name="gender" value="1" required /> 
 
     Female <input type="radio" name="gender" value="2" required /> 
 
<BR> 
 
<input type="submit" /> 
 
    
 
</form>