チェックボックスがチェックされているときにデータがテキストフィールドに入力されているかどうかを検証する方法

Question

私はこのフォームを検証する必要があります - "ユーザーがチェックボックスをチェックすると、テキストフィールドにデータを入力する必要があります。以下の私は、親/子のチェックボックスの検証を確認することができますJSが、私は、テキストフィールド検証のためのスクリプトを使用するかどうかはわかりません。あなただけに必要なように感謝！

$(document).ready(function() { 
 
    $('#checkBtn').click(function() { 
 
     checked = $("input[type=checkbox]:checked").length; 
 

 
     if(!checked) { 
 
     alert("You must check at least one checkbox."); 
 
     return false; 
 
     } 
 

 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 

 
<input type="checkbox" class="model"> Model # 
 
<input type="text" size="12" class="childModel"><BR> 
 
<input type="submit" name="submit" value="submit" id="checkBtn" style="text-align:center;"/>

Answer 1

が鳴ります次の点を確認してください：

• いずれかのチェックボックスがチェックされ、OR
は
• チェックボックスに何かあります

ここでそれを行うための簡単な方法です：

$(document).ready(function() { 
 
    $('#checkBtn').click(function() { 
 
     var isCheckboxChecked = $("input[type=checkbox]:checked").length; 
 
     var isTextEntered = $("input.childModel").val().length; 
 
     
 
     if (isTextEntered || !isCheckboxChecked) { 
 
      alert("validation passed!"); 
 
     } else { 
 
      alert("validation failed!"); 
 
     } 
 

 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 

 
<input type="checkbox" class="model"> Model # 
 
<input type="text" size="12" class="childModel"><BR> 
 
<input type="submit" name="submit" value="submit" id="checkBtn" style="text-align:center;"/>