javascript - 仅当显示 :block 时才验证文本字段

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.
 }