Jquery验证（造型表内的错误）

Question

我有一个JQuery的.validation（）表单。

形式：

<form....> 
<table cellspacing="0" cellpadding="0"> 
<tr> 
<td>Name: </td> 
<td><input type='text' name='Name'/></td> 
</tr> 
<tr> 
<td>Last Name: </td> 
<td><input type='text' name='LastName'/></td> 
</tr> 
<tr> 
<td>Address: </td> 
<td><input type='text' name='Address'/></td> 
</tr> 
</table> 
<input type='submit' name='enter' value='submit'/> 
</form> 

我想打印象这样的错误：

这可能吗？

感谢提前:)

Answer 1

您可以通过两种方式来完成..

1）

<form....> 
<table cellspacing="0" cellpadding="0"> 
<tr> 
<td>Name: </td> 
<td><input type='text' name='Name'/></td> 
</tr> 
<tr> 
<td>Last Name: </td> 
<td><input type='text' name='LastName'/></td> 
</tr> 
<tr> 
<td></td> 
<td>Name Is Required</td> 
</tr> 
<tr> 
<td>Address: </td> 
<td><input type='text' name='Address'/></td> 
</tr> 
</table> 
<input type='submit' name='enter' value='submit'/> 
</form> 

或

2）

<form....> 
    <table cellspacing="0" cellpadding="0"> 
    <tr> 
    <td>Name: </td> 
    <td><input type='text' name='Name'/></td> 
    </tr> 
    <tr> 
    <td>Last Name: </td> 
    <td><input type='text' name='LastName'/> <br />Name Is Required</td> 
    </tr> 
    <tr> 
    <td>Address: </td> 
    <td><input type='text' name='Address'/></td> 
    </tr> 
    </table> 
    <input type='submit' name='enter' value='submit'/> 
    </form> 

Answer 2

你有使用自定义这样做的验证代码。检查这个链接。 http://docs.jquery.com/Plugins/Validation/Validator/addMethod

Answer 3

Demo Here

HTML

<form name="test"> 
<table cellspacing="1" cellpadding="1"> 
<tr> 
<td>Name: </td> 
<td><input type='text' name='Name'/> 
    <span class="error_span">Enter name</span> 
    </td> 
</tr> 
<tr> 
<td>Last Name: </td> 
<td><input type='text' name='LastName'/> 
     <span class="error_span">Enter last name</span> 
    </td> 
</tr> 
<tr> 
<td>Address: </td> 
<td><input type='text' name='Address'/> 
     <span class="error_span">Enter address</span> 
    </td> 
</tr> 
</table> 
<input type='button' id='submit' name='enter' value='submit'/> 
</form> 

jQuery的

$(document).ready(function(){ 
    $("#submit").click(function(){ 
     $('input').each(function(index) { 
        if($(this).val()=="") { 
         $(this).addClass("has_error"); 
         $(this).siblings(".error_span").show(); 
        }else{ 
         $(this).removeClass("has_error"); 
         $(this).siblings(".error_span").hide(); 
        } 
      }); 
    }); 
}); 

CSS

.error_span{ 
color:red; 
    display:none; 
} 

.has_error{ 
border:1px solid red; 
} 

Demo Here

您可以使用您的窗体的onsubmit属性执行JavaScript和停止提交表单，如果有验证错误