将Dropdown字段设为jsp中的强制字段

时间:2017-04-18 03:55:41

标签: javascript 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将不胜感激。

3 个答案:

答案 0 :(得分:0)

<?php foreach ($certificados as $cert => $value): ?>
<h2><?php echo $cert;?></h2>
<?php echo $value['desc']; ?>
<?php foreach($value['id_certificado'] as $arquivo): ?>
<?php echo $arquivo['arquivo']; ?>
<?php endforeach; ?>
<?php endforeach; ?>

答案 1 :(得分:0)

您必须添加一个默认标记,例如: -

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

并为标记应用JavaScript,例如: -

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

答案 2 :(得分: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>

和你的validator()javascript方法如下: -

   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();
        }
    }

希望,这会对你有所帮助