仅当display:block时验证文本字段

Validate a text field only if display:block

本文关键字：验证 文本 字段 block display 仅当      更新时间：2023-09-26

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

  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>

您可以简单地这样检查：-

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

JAVASCRIPT

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

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
}
相关文章：