jquery-ui - 编辑时使用 Jquery 进行表单验证

Question

我必须采取代理详细信息有三个视图添加，编辑和查看全部。

添加表单按预期工作

 <script>
   $(document).ready(function(){

     var ruleSet1 = {
       required: true,
       number: true
     };

     $("#question").validate({
       rules: {
         agent_cheque_no: ruleSet1,
         pincode :ruleSet1,
       }
     });
   });
 </script>  

 <div class="control-group">
   <label class="control-label"> pincode *</label>
   <div class="controls">
     <input class="input-xlarge" type="text" id="pincode" placeholder="pincode" required name="pincode">
   </div>
 </div>

代码在编辑视图中无法正常运行（如下所示）：

 <div class="control-group">
   <label class="control-label"> Pincode *</label>
   <div class="controls">
     <input class="input-xlarge" type="text" id="pincode" value="<?php echo $row->agent_pincode; ?>" placeholder="State" required name="pincode">
   </div>
 </div>

谢谢您的帮助。

Answer 1

确保您的两个表单 ID 相同，因为对于编辑表单，您的表单 ID 可能不同并且未写入验证代码。

<form id="same_as_add">
     <div class="control-group">
          <label class="control-label"> Pincode *</label>
          <div class="controls">
            <input class="input-xlarge" type="text" id="pincode" placeholder="State" required name="pincode">
          </div>
        </div>
<form>

当您编辑它时，请确保以下表单声明

<form id="same_as_add">
     <div class="control-group">
          <label class="control-label"> Pincode *</label>
          <div class="controls">
            <input class="input-xlarge" type="text" id="pincode" value="<?php echo $row->agent_pincode; ?>" placeholder="State" required name="pincode">
          </div>
        </div>
<form>