если поле пусто JQUERY

-1

Я написал простую страницу с HTML и PHP. Итак, перед PHP я хотел бы проверить пустые поля с JQuery, но я еще не изучил JQuery, поэтому я бы оценил, помог ли кто-нибудь мне.если поле пусто JQUERY

<?php 
if(isset($_POST[add])) 
{ 
if(empty($_POST[name]) || empty($_POST[surname])) {echo 'All form fields are required';} 
} 
?> 
<form action="" method=post> 
<table border=0 cellspacing=10 cellpadding=5> 
     <tr> 
      <td>Name:</td> 
      <td><input type="text" name="name" size="10" value=""></td> 
     </tr> 
     <tr> 
      <td>Surname:</td> 
      <td><input type="text" name="surname" size="10" value=""</td> 
     </tr> 
     <tr> 
      <td colspan=2><input type="submit" name="add" value="Add"></td> 
     </tr> 
</table> 
</form>

источник

2013-04-09 Rashad

У вас есть опечатка - закрытие вашего ** фамилия ** поле ввода отсутствует .. –

Вы можете добавить проверку, добавив JQuery.

$('input[name="add"]').click(function() { 

      if($('input[name="name"]').val() == '' || $('input[name="surname"]').val() == '') { 
      $('.error').html(''); 

       if($('input[name="name"]').val() == '') {   
       $('.error').append('<p>Please enter your name</p>');     
       } 

       if ($('input[name="surname"]').val() == '') { 
        $('.error').append('<p>Please enter your surname</p>'); 
       } 

       $('.error').show(); 

       return false; 

      } 

      return true; 

     })

HTML код

<div class="error" style="display:none"></div> 
<form action="" method=post> 
<table border=0 cellspacing=10 cellpadding=5> 
     <tr> 
      <td>Name:</td> 
      <td><input type="text" name="name" size="10" value=""></td> 
     </tr> 
     <tr> 
      <td>Surname:</td> 
      <td><input type="text" name="surname" size="10" value=""</td> 
     </tr> 
     <tr> 
      <td colspan=2><input type="submit" name="add" value="Add"></td> 
     </tr> 
</table> 
</form>

источник

2013-04-09 07:33:50

Я не хочу использовать предупреждение, было бы хорошо, если бы текст – Rashad

@RashadAghayev, у меня есть код для удаления предупреждающего сообщения и отображения сообщения об ошибке в html. –

ohhh да, спасибо! – Rashad

Добавить яваскрипт функции на отправить скажу Validate() и добавить Jquery код в этом

function validate() { 
    var name = $("#name").val(); 
    if (name == "") { 
     alert('Name is required'); 
     return false; 
    } 
}

источник

2013-04-09 07:23:47

Я не хочу использовать предупреждение, я имею в виду, было бы хорошо появиться текст под таблицей – Rashad

Затем добавьте тег span в столбец и дайте ему идентификатор, скажем, имяerror. Затем вместо предупреждения ('Name is required'); укажите $ ("# nameerror"). html ('Name required'); –

ok, позвольте мне проверить – Rashad

<input class="field-name" type="text" name="name" size="10" value="">

я добавил класс в этом поле ввода, так что я могу использовать селектор JQuery

var name = $('.field-name').val(); 
if(name="") { 
    console.log('name is empty'); 
    //your code here to do something when the field is empty 
}

источник

2013-04-09 07:26:13

Зачем проверять значение null? – VisioN

Вы правы Я просто прочитал статью о null http://stackoverflow.com/questions/801032/why-is-null-an-object-and-whats-the-difference-compared-to-undefined, и он не нуждается в для проверки нулевого значения. Спасибо за комментарий VisioN + для вас –

Следующий код может дать вам некоторую идею. Я хотел бы предложить, чтобы прочитать учебник по JQuery в

http://www.w3schools.com/jquery/default.asp

<html> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
</head> 
<script> 
$(document).ready(function(){ 
    $("#add").submit(function(){ 
     if ($('#name').length == ""){ 
      alert("ERROR in name!"); 
     } 
    }); 
}); 
</script> 
<form action="" method=post> 
<table border=0 cellspacing=10 cellpadding=5> 
     <tr> 
      <td>Name:</td> 
      <td><input type="text" name="name" id="name" size="10" value=""></td> 
     </tr> 
     <tr> 
      <td>Surname:</td> 
      <td><input type="text" name="surname" id="surname" size="10" value=""</td> 
     </tr> 
     <tr> 
      <td colspan=2><input type="submit" name="add" id="add" value="Add"></td> 
     </tr> 
</table> 
</form> 
</html>

источник

2013-04-09 07:28:53 JRR

если поле пусто JQUERY

ответ

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