Проверить форму HTML5 перед вызовом функции PHP?

0

В настоящее время у меня есть форма html5 с основной текстовой областью внутри нее, когда вы нажимаете кнопку отправки, вызывается php-скрипт, который отправляет данные в базу данных.

Однако перед вызовом PHP-скрипта я хотел бы выполнить некоторую проверку в форме (проверяя, является ли она нулем и т.д.) До того, как вызывается PHP, желательно в javascript.

Есть ли способ, которым я могу это сделать?

Благодарю.

Форма Html5:

<form action="submit.php" method="POST">
            <tr>
                <td id="textBox-back">  
                    <textarea id="rage-box" type="text" name="rage" cols="40" rows="5" maxlength="160"> </textarea>

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


                </td>           

        </form>     
  • 0
    Да? С Javascript? ... Google ваш лучший друг.
  • 0
    Вы можете использовать обязательный атрибут для этого. Но все же: проверка PHP является обязательной, потому что не каждый браузер будет выполнять проверку (ни в javascript).
Показать ещё 2 комментария
Теги:
forms

2 ответа

0
<script language="javascript">
   function validate(){

       //Code of validation

       return false;
    }
</script>


<form action="submit.php" method="POST" onsubmit="return validate();">
        <tr>
            <td id="textBox-back">  
                <textarea id="rage-box" type="text" name="rage" cols="40" rows="5" maxlength="160"> </textarea>

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


            </td>           

    </form>   
  • 0
    Ах, да, это сработало. Я мог бы потратить немного дольше, поглядывая на это. Спасибо за ответ!. +1
0

Вам нужно добавить onclick в вашу отправку или форму.

var sub = document.getElementById('submit');
var tex = document.getElementById('rage-box');
sub.onclick = function(e){
  if(tex.value == ''){
     //stopping it from being sent
     e.preventDefault();
     alert('make sure everything is filled out');
  }
}

Если вы добавите мероприятие в свою форму, вам необходимо:

  1. Дайте идентификатор вашей форме
  2. Получите форму и добавьте form.onsubmit = function() {};
  3. Затем просто скопируйте код внутри анонимной функции.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню