必須ラジオボタンが選択またはチェックされていないときにエンドユーザに選択/チェックを促すにはどうすればよいですか？

Question

オンラインフォームを送信する前に、選択されていない必須のラジオボタンをエンドユーザに選択/チェックするように要求します。

現在、送信ボタンをクリックすると、空のフィールドが強調表示されますが、必須の未確認のラジオボタンは無視され、空のフィールドが入力されるとフォームが送信されます。フォームを送信する前に、ユーザーが必須のラジオボタンを確認/選択することを確認する方法はありますか？

<form name="onlinepensionform" action=" submit " onsubmit="return checkforblank()" method="post"> 
1. Do you require a Centrelink or Veterans' Affairs Schedule? 
       <input type="radio" name="RequiresCentrelinkOrVeteransAffairSchedule" value="Yes"> 
        <label for="RequiresCentrelinkOrVeteransAffairSchedule">Yes</label> 
       <input type="radio" name="RequiresCentrelinkOrVeteransAffairSchedule" value="No"> 
        <label for="RequiresCentrelinkOrVeteransAffairSchedule">No</label> 

2. Please confirm your identity using one of the below Government issued identification. 
       <label for="IdentityType">Australian driver's licence number:</label> <input name="IdentityValue" type="text" id="IdentityValue" value="" /> 
     <label for="IdentityType">State of Issue:</label> <input name="IdentityValue" type="text" id="IdentityValue" value="" /> 
<input type="submit" value="Submit Form"> 

Answer 1

https://jsfiddle.net/ugeshgupta000/8kdn9L9e/2/

<form name="onlinepensionform" action="submit" method="post"> 

    <div> 
    <p>1. Do you require a Centrelink or Veterans' Affairs Schedule?</p> 
    <input type="radio" required name="RequiresCentrelinkOrVeteransAffairSchedule" value="Yes"> 
    <label for="RequiresCentrelinkOrVeteransAffairSchedule">Yes</label> 
    <input type="radio" required name="RequiresCentrelinkOrVeteransAffairSchedule" value="No"> 
    <label for="RequiresCentrelinkOrVeteransAffairSchedule">No</label> 
    </div> 

    <div class="additionalInfo"> 
     <p>2. Please confirm your identity using one of the below Government issued identification.</p> 
     <label for="IdentityValue">Australian driver's licence number:</label> 
     <input name="IdentityValue" type="text" id="IdentityValue" value="" required /> 
     <br /> 
     <label for="IdentityType">State of Issue:</label> 
     <input name="IdentityType" type="text" id="IdentityType" value="" required /> 
    </div> 

    <div> 
     <input type="submit" value="Submit Form"> 
    </div>     
</form> 

JS：私たちはここにいくつかのより多くの情報が必要のように私は感じ

$('input[name="RequiresCentrelinkOrVeteransAffairSchedule"]').change(function(){ 
    var val = $(this).val(); 
    if(val=='Yes') { 
     $('.additionalInfo').find('input').attr('required','required'); 
     $('.additionalInfo').show(); 
    } else if(val=='No'){ 
     $('.additionalInfo').find('input').removeAttr('required'); 
     $('.additionalInfo').hide(); 
    } 
});