如果该字段为空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

你有一个错字 - 闭幕你** **姓输入字段缺少.. – 2013-04-09 07:23:45

阅读jQuery的教程，您可以通过添加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 2013-04-09 07:39:40

@RashadAghayev，我有编辑代码删除警报消息，并在HTML中显示错误消息。 – 2013-04-09 08:15:37

ohhh是的，谢谢！ – Rashad 2013-04-09 08:52:06

添加上提交让利说的validate（JavaScript函数），并在该

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

来源

2013-04-09 07:23:47

我不希望使用的警报，我的意思是这将是很好的显现在表 – Rashad 2013-04-09 07:41:42

下面的文本然后添加一个span标记到列并给它一个id让它说nameerror。然后，而不是alert（'名称是必需的'）;给$（“＃nameerror”）。html（'Name is required'）; – 2013-04-09 07:44:45

好吧，让我检查 – Rashad 2013-04-09 07:48:59

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

添加此jQuery代码我添加了一个类来此输入字段，所以我可以用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 2013-04-09 07:27:35

你是对的我刚读了一篇关于null的文章http://stackoverflow.com/questions/801032/why-is-null-an-object-and-whats-the-difference-compared-to-undefined，它不需要检查为空。感谢您的评论VisioN +为你 – 2013-04-09 07:30:52

以下代码可以给你一些想法。我建议在

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

回答

相关问题