2017-04-18 10 views
1

私はドロップダウンフィールドを必須として設定する必要があります。ドロップダウンには次のソースコードがありますjspでドロップダウンフィールドを必須にする

<div id="dep-parent-dropdown" class="<%= depParDropdown %>"> 
    <%=provSelLabel %> 
     <select name="province" id="province" onchange="javascript:get_cities('<%= currentNode.getPath() %>');"> 

    <%if(provinceVal==null || provinceVal.isEmpty()){ %> 
     <option value=""><%=selOptionLabel %></option> 
    <%} 
    else { %> 
     <option class="province_sel" value="<%= selectedProvince.getPath() %>"><%= selectedProvince.getName() %></option> 
    <%} 

    NodeIterator provincesNodeIter = provincesRootNode.getNodes(); 
    while(provincesNodeIter.hasNext()){ 
      Node provinceNode = provincesNodeIter.nextNode(); 

     %> 
     <option value="<%= provinceNode.getPath() %>"><%= provinceNode.getName() %></option><% 

    } 

    %> 
    </select> 
</div> 

私は以下を試しましたが、何も動作していないようです。

以下のように、親と子の両方のドロップダウンに必要なフィールドを追加しました。

<div id="dep-parent-dropdown" class="<%= depParDropdown %>"> 
     <%=provSelLabel %> 
     <select name="province" id="province" onchange="javascript:get_cities('<%= currentNode.getPath() %>');" required/> 

Anyhelpは非常に高く評価されます。例えば、

<select name="demo"> 
    <option value="NA">--Select--</option> 
    //and here is your option tag 
</select> 

とタグのJavaScriptを適用する: - - :

答えて

0
Just keep your code in form tag and give "required" attribute to select 
    `<form> 
    <div> 
    <select required name="abc"> 
<option>Demo</option> 
    </select> 
    <input type="submit"/> 
    </div> </form>` 
    Hope it will help you 
+0

お手伝いを致します申し訳ありませんが、フォームタグを使用して、これを呼び出すの他の方法はありますか?助けてください –

+0

@AjeezMohdあなたはフォームタグを使用することを意味しますか?フォームタグなし? –

+0

フォームタグがありません。上記のコードを参照する場合は、ドロップダウンフィールドを必須にするためにそのコードを変更する必要があります –

0

次の例のように、1個のデフォルトのタグを追加する必要があり、このような

if (document.forms[0].demo.value == "NA") { 
    document.forms[0].demo.focus(); 
    result = false; 
    break; 
} 
0

あなたのコード..

<form action="" name="myform" id="myform"> 


    <div id="dep-parent-dropdown" class="<%= depParDropdown %>"> 
     <%=provSelLabel %> 
      <select name="province" id="province" onchange="javascript:get_cities('<%= currentNode.getPath() %>');"> 
**<option value="NA">--Select--</option>** 

     <%if(provinceVal==null || provinceVal.isEmpty()){ %> 
      <option value=""><%=selOptionLabel %></option> 
     <%} 
     else { %> 
      <option class="province_sel" value="<%= selectedProvince.getPath() %>"><%= selectedProvince.getName() %></option> 
     <%} 

     NodeIterator provincesNodeIter = provincesRootNode.getNodes(); 
     while(provincesNodeIter.hasNext()){ 
       Node provinceNode = provincesNodeIter.nextNode(); 

      %> 
      <option value="<%= provinceNode.getPath() %>"><%= provinceNode.getName() %></option><% 

     } 

     %> 
     </select> 
    </div> 

    <input type="button" name="btnSubmit" value="Register" id="button" onclick="return validator();" /> 

    </form> 

あなたのバリデータ()javascript metこのようHOD: -

function validator() { 
    var result=true; 
    if (document.forms[0].province.value == "NA") { 
     document.forms[0].province.focus(); 
     result = false; 
breack; 
    } 
    else if (result) { 
      document.getElementById("myform").submit(); 
     } 
    } 

希望、これは

関連する問題