オプションを選択 - アラート

Question

<!-- Select Basic --> 
<div class="form-group"> 
    <div class="col-md-5 col-sm-5"> 
<span class="input-group-addon"> Language/اللغة/زبان </span> 
    <select id="language" name="language" class="form-control" required> 
     <option selected="true" style="text-align:center;" disabled="disabled">Select a language</option>  
     <option value=2><?php echo lang_content(23, 1);?></option> 
     <option value=1><?php echo lang_content(24, 1);?></option> 
     <option value=3><?php echo lang_content(25, 3);?></option> 

    </select> 
    </div> 
</div> 

言語のドロップダウンがありますが、オプションを選択せず​​にサブミットをクリックすると、ロードアイコンが表示され、さらに移動しません。

ユーザーがオプションを選択していない場合、アラートをトリガーする必要があります。 どうすればいいですか？

Answer 1

ラップ<form>タグとselectrequiredにおける選択はフィドルhere

<div class="form-group"> 
    <div class="col-md-5 col-sm-5"> 
<span class="input-group-addon"> Language/اللغة/زبان </span> 
<form > 
    <select id="language" name="language" class="form-control" required> 
     <option selected="true" style="text-align:center;" disabled="disabled">Select a language</option>  
     <option value=2>lang1</option> 
     <option value=1>lang2</option> 
     <option value=3>lang3</option> 

    </select> 
    <input type="submit"> 
    </form> 
    </div> 
</div>