0

このコードが機能しない理由を誰かが理解できますか? 送信ボタンをクリックして、何も選択せずに次のページに移動できます。ユーザーがラジオボタンを選択した場合にのみ、ユーザーが次のページに移動できるようにします。ありがとう

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript' src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js'></script>

  <script>
  $.noConflict();
  $(document).ready(function(){
    $("#form1").validate();
  });
  </script>

 <form method="post"  action="/action" id="form1" class="styled" enctype="multipart/form-data">
  <label for="name">1. Choose Category</label><br />
<select class="required" id="cat1" name="category">
                <option>select Category</option>

                    <option class="required" value="10">Cars</option>
                    <option class="required" value="8">House</option>
                    <option class="required" value="11">Mobiles</option>
                    <option class="required" value="3">Bus</option>
                    <option class="required" value="6">Services</option>
          </select>

        <input type="submit" name="buttonSubmit" value="Next Step"   class="btn-submit img-swap"  id="submit"  />
</form>
4

1 に答える 1

1

簡単に見ると、コードは問題ないように見えますが、詳細を確認すると、原因は次の html 行です。

<option>select Category</option>

...プラグインが適切に機能するためには、(n) (空の)value属性も必要なので、次のようになります。

<option value="">select Category</option>

...またははるかに優れています:

<option selected="" value="" disabled="disabled">select Category</option>

以前のコメントのように、jQuery v1.6.4 を使用したJSFIDDLEを参照してください。

于 2013-04-06T06:41:53.157 に答える