僅在顯示時驗證文本字段：塊

Question

我有2個需要驗證的文本字段。

1. 合併/原因字段需要被驗證
2. 條碼需要如果顯示它僅被驗證，即，如果複選框被選中。

我所試圖做的是彈出式的合併，原因（無論）一個提示框，並在警報添加驗證消息的條形碼，如果沒有隱藏

這裏是代碼：

<tr><td> 
     <input type="checkbox" name="createCharge" id="createCharge" onClick="checkBox('Barcode', 'CreateCharge');" value="1"/> 
     <lable>Charge</label> 
    </td></tr> 


    <tr id="Barcode" style="display:none;"> 
    <td> 
     <label>Barcode</label> 
     <input type="text" name="Barcode" id="Barcode"/> 
    </td> 
    </tr> 

    <tr> 
    <td> 
     <label>Merge:</label> 
     <input type="text" name="Reason" id="Reason"/> 
    </td> 
    </tr> 

Answer 1

你可以簡單地檢查這樣的： -

if($(x).is(":visible")) 
{ 
    //your element is visible 
} 

JAVASCRIPT

var display= document.getElementById('x').style.display; 

if(display=='block') 
{ 
    //do validation here. 
} 

Answer 2

if($('#Barcode').is(':visible')){ 
    // Perform code here 
} 

How do I check if an element is hidden in jQuery?

if($('#Barcode').is(':visible') && $('#Reason').val().length!==0){ 
    // Barcode is visible and reason has a value more then 0 chars long 
}