Javascript 仅当“显示:块”时验证文本字段

Javascript 仅当“显示:块”时验证文本字段,javascript,Javascript,我有两个文本字段需要验证 需要验证“合并/原因”字段 只有在显示条形码时,即勾选复选框时,才需要验证条形码 我尝试做的是弹出一个合并原因的警报框(不管如何),如果没有隐藏,则在警报中添加条形码的验证消息 代码如下: <tr><td> <input type="checkbox" name="createCharge" id="createCharge" onClick="checkBox('Barcode', 'CreateCharge');"

我有两个文本字段需要验证

  • 需要验证“合并/原因”字段
  • 只有在显示条形码时,即勾选复选框时,才需要验证条形码
  • 我尝试做的是弹出一个合并原因的警报框(不管如何),如果没有隐藏,则在警报中添加条形码的验证消息

    代码如下:

        <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>
    
    
    冲锋
    条形码
    合并:
    
    您只需像这样检查:-

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

    var display= document.getElementById('x').style.display;
    
    if(display=='block')
     {
       //do validation here.
     }
    


    你试过什么?你的javascript代码在哪里?对不起,我只是把它添加到我的问题中。我试图做的是弹出一个用于合并原因的警报框(不管怎样),并在警报中添加一条条形码验证消息(如果没有hiddenI,我看不到jQuery标记;-)
    if( $('#Barcode').is(':visible') ){
        // Perform code here
    }
    
    if( $('#Barcode').is(':visible') && $('#Reason').val().length!==0 ){
        // Barcode is visible and reason has a value more then 0 chars long
    }