Question

您好我已经开发了一个表单，其中有输入框和选择框。我想对选择框和输入框进行验证。我只能对输入框进行验证。我无法对带输入框的选择框进行验证。

＆＃13;

$(document).ready(function(){
    $("#myform").validate();
  });

＆＃13;

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<form action="#" id="myform">

      <label class="label1 col-md-4">Enter Template Name
        <span class="required"> * </span>
      </label>

      <input id="templateName" type="text" data-required="1" class="form-control" />
      </br>

      <label class="label1 col-md-4">Enter Admission Year
        <span class="required"> * </span>
      </label>


      <input id="admissionYear" type="text" data-required="1" maxlength="4" />
      </br>

      <label class="label1 col-md-4">Select the type of eligibility
        <span class="required"> * </span>
      </label>

      <select id="reportsSelect" class="form-control" data-placeholder="Select" tabindex="1">
        <option value="0">Choose</option>
        <option value="overall">Overall</option>
        <option value="specific">Specific subject</option>
      </select>
      </br>

      <button type="button">Submit</button>
    </form>

＆＃13;

Answer 1

几个＆＃34;问题＆＃34;这里。

您的标签不会引用它们所属的输入，方法是在其中输入输入，或使用for属性引用相应输入的ID。
placeholder <select>无意义
您应该使用required，而不是data-required="1" - 这样浏览器就可以进行验证而无需任何代码。如果您有任何jQuery验证，请将其删除。这是2017年，you don't need it：p
A＆＃34;没有价值＆＃34; select的选项应为<option value="">。然后，您可以将required添加到<select>，要求用户选择一个不空的值。
使用<input type="submit" value="Submit" />或<button type="submit">Submit</button>，而不是<button type="button">
我假设你有一个jQuery事件处理程序来处理表单。如果您使用required属性（浏览器原生验证），那么您可以只听取表单上的.on('submit')事件 - 如果任何内容无效，则不会触发。

验证javascript中的选择框

1 个答案: