表必填字段

Question

我要驗證在表中的字段，以便它們不爲空，並且需要

如果爲空，*應在其旁邊的那場。

這裏是我的代碼，它顯示了一個alert，但我想說明一個*字段旁邊，而不是alert

HTML

<table id= "table1"> 
    <tr> 
     <td id="t1">First coulmn</td1> 
     <td id="t2">value2</td2> 
     <td id="t3"> 
      <a id="Next" onclick= "javascript:validAndNext('1')">Save</a> 
     </td3> 
    </tr> 
</table> 
<table id="tableN"> 

的JavaScript

function validAndNext(table_id) { 
    var table = $('#table'+table_id); 
    var inputs = table.find("input"); 
    var valid = true; 

    inputs.each(function() { 
     // A type of validation is: 
     if ($(this).val().length <= 0) 
      valid = false;     
    }); 

    if(valid) { 
     table.hide(); 
     $('#table'+(table_id+1)).show(); 
    } else 
     alert('Your table is not valid!'); 
} 

Answer 1

有

<div class="error"></div> 

在表末尾， 然後使用jquery追加內容。

$('.error').append('Not Valid'); in else part. 

編輯代碼：

<table id= "table1"> 
    <tr> 
<td id="t1">First coulmn</td1> 
<td id="t2">value2</td2> 
<td id="t3"> 
    <a id="Next" onclick= "javascript:validAndNext('1')">Save</a> 
</td3> 
</tr> 

<table id="tableN"> 
<div class="error"></div> 

    function validAndNext(table_id){ 
    var table = $('#table'+table_id); 
    var inputs = table.find("input"); 
    var valid = true; 
    inputs.each(function(){ 
    // A type of validation is: 
    if($(this).val().length<=0) valid = false;     
    }); 
    if(valid){ 
    table.hide(); 
    $('#table'+(table_id+1)).show(); 
}else $('.error').append('Not Valid'); 
} 

Answer 2

我希望我知道你想什麼來實現.. 你應該把跨度或任何其他文本容器旁邊的輸入字段，靜態或動態地。

也許是這樣的（僞肥胖型碼）：

inputs.each(function() { 

    if($(this).val().length<=0) 
    { 
     valid = false; 
     // get the sibbling text container 
     $(this).next().text("Invalid").show();    
    } 
});