Question

我有一个表单，我想对它进行jquery验证，我做了 jquery代码和使用的验证插件，但当我按提交，它仅对输入工作而且不选择工作..不知道是什么问题这是一个截图，说明了我想说的话 screenshot for the form validation 这是我的表格代码

    <form id="myForm" name="myForm" method="post" action="">
<div class="container">
<div class="row">
    <div class="col-md-6">
  <div class="form-group">
       <label>الدولة<span>*</span></label>
   <select class="form-control" name="country" id="country" >
  <option>اختر الدوله </option>
       <option>مصر </option>
       <option>الكونجو </option>
</select>
  </div>
     <div class="form-group">
    <label>اسم المدينه(عربي)<span>*</span></label>
    <input type="text" class="form-control" id="text" name="cityName" id="cityName" >
  </div>

    </div>
        <div class="col-md-6">
  <div class="form-group ">
       <label>المحافظة<span>*</span></label>
   <select class="form-control" >
  <option>اختر المحافظه </option>
</select>
  </div>
     <div class="form-group">
    <label>اسم المدينه(انجليزي)</label>
    <input type="text" class="form-control" name="cityName1" >
  </div>

    </div>
    </div>
    </div>
          <div class="form-footer">
          <input type="submit" id="submit" value="submit">
        <button type="button" class="btn btn-secondary">الغاء</button>
          </div>       
      </div>
</form>

，这是我的jquery代码我真的很想知道我在这里想念的是什么！

    $(document).ready(function(){

   $("#myForm").validate({
      rules:{

          'country':{

              required:true,
          },

          'cityName':{

              required:true,
          }
      }, 

    messages:{
         'country':{

              required:"هذا الحقل الزامي",
          },

          'cityName':{

              required:"هذا الحقل الزامي ",
          }


    }

   });

});

Answer 1

我认为对于验证工作，您的下拉列表html应该像

define( 'WP_DEBUG',         true );
define( 'WP_DEBUG_LOG',     true );
define( 'WP_DEBUG_DISPLAY', true );
define( 'SCRIPT_DEBUG',     true );
define( 'SAVEQUERIES',      true );

如何使jquery验证在输入和选择器上工作

1 个答案: