javascript - 仅在 display: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.
 }

Answer 2

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

如何检查元素是否隐藏在 jQuery 中？

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