onclickボタンで選択タグに対して必須属性が機能しない

Question

ユーザが[送信]ボタンをクリックしたときに値を警告しようとしています。どちらのタグにも「必須」属性を指定しましたが、機能しません。

ユーザーがボタンを送信したときに値を警告します。誰かが私が間違っていた場所を教えてくれる？

コード： - （それは、フォームが正常に送信したときにのみ動作し、とにかくOperaでサポートされていないので）

function openWindow() { 
 
    var OR = document.getElementById("request").value; 
 
    var SZ = document.getElementById("sites").value; 
 
    var ORSZ = OR + SZ; 
 
    alert(ORSZ); 
 
}

 
<select id="request" class="dropdownbox" required> 
 
    <option value="">Select</option> 
 
    <option value="ip">approve</option> 
 
    <option value="url">reject</option> 
 
    </select> 
 
    
 
    <select id="sites" class="dropdownbox" required> 
 
    <option value="">Select</option> 
 
    <option value="cp">Account</option> 
 
    <option value="sm">Demat</option> 
 
    
 
    </select> 
 

 
<input type="button" onclick="openWindow()" value="Submit"> 
 

Answer 1

あなたは<select>のrequired属性に頼ることはできません。

例： - - ：ここで

function openWindow() { 
 
    var OR = document.getElementById("request").value; 
 
    var SZ = document.getElementById("sites").value; 
 
    if(OR =='' || SZ ==''){ 
 
    alert('Please select values from both select-box'); return false; 
 
    }else{ 
 
    var ORSZ = OR + SZ; 
 
    alert(ORSZ); 
 
    } 
 
}

<form> 
 
    <select id="request" class="dropdownbox"> 
 
    <option value="">Select</option> 
 
    <option value="ip">approve</option> 
 
    <option value="url">reject</option> 
 
    </select> 
 

 
    <select id="sites" class="dropdownbox"> 
 
    <option value="">Select</option> 
 
    <option value="cp">Account</option> 
 
    <option value="sm">Demat</option> 
 
    </select> 
 
    <input type="button" onclick="openWindow()" value="Submit"> 
 
</form>

Answer 2

はあなたが解決https://jsfiddle.net/1mydje82/1/

で行く

あなたはそれが以下のように起こって作ることができます

私はjQueryを使用しました。最初はを提出しますbuttonはdisabledになります。

drodownと値の両方を選択すると、サブミットbuttonのみが有効になります。

希望すると、これが役立ちます。