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

时间:2012-12-20 07:33:19

标签: jquery-ui

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

添加表单按预期工作

 <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>

感谢您的帮助。

1 个答案:

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