如何在ajax调用后使用jquery验证表单?

时间:2014-10-25 09:10:06

标签: javascript php jquery ajax

我有一个像enter image description here

这样的视图

有两种选择。 一个是订单名称。 第二个是操作类型[添加发票,添加货件]

当我选择添加发票时,ajax调用将生成并添加add_invoice.php到此处,此页面包含一些输入字段,如enter image description here

第一页的脚本代码是:

        <script>
            $(function(){
                 $('#operation_id').change(function(e){
                          var order_id = $('#order_id').val().trim();
                          var operation_id = $('#operation_id').val().trim();
                          if (order_id !='' && operation_id !='') {
                               url = '<?php echo site_url()?>/order/orderProcessing';
                               $.post(url,
                    {order_id:order_id,operation_id:operation_id},function(data){
                     $('.dataprocess').html(data);
                     $('.datepicker').datepicker();
                   });
                }
             else{
                   alert('Select both fields.');
                   e.preventDefault();
                 }
             });
          });
       </script>

现在,我想验证添加发票页面的输入字段。 为了做到这一点,我已经将add_invoice页面作为下面给出,但它不起作用。 你可以帮帮我吗 ?

    <script>
   $('#submit').click(function(em){
        var invoice_number = $('#invoice_number').val().trim();
        var invoice_date = $('#invoice_date').val().trim();
        var quantity = $('#quantity').val().trim();
        var shipment_st = $('#shipment_st').val().trim();
        if (quantity !='' && invoice_number !='' && invoice_date !='' && shipment_st
                !='') {
            $('form #add_invoice').submit();
        }
        else{
            alert('Empty fields can not be sent');
            em.preventDefault();
        }
   });
  </script>
    <h2>Add Invoice</h2>
    <?php
       $attributes = array('id'=>'add_invoice','enctype'=>"multipart/form-data");
        echo form_open('/order/addInvoice?id='.$id,$attributes);
     ?>
     <dl>
         <dt>Invoice Number</dt>
         <dd><?php
          $invoice_number = array(
                'name'=> 'invoice_number',
                'type' => 'varchar',
                'id'=> 'invoice_number',
                 'required'=> 'required',
                 'value' => set_value('invoice_number')
           );
          echo form_input($invoice_number).'MT';
          echo '<span style=color:red>'.form_error('invoice_number').'</span>';
         ?>
        </dd>
        <dt>Invoice Date</dt>
             <dd><?php
                $invoice_date = array(
                     'name'=> 'invoice_date',
                     'type' => 'date',
                      'id'=> 'invoice_date',
                      'class'=> 'datepicker',
                      'required'=> 'required',
                       'value' => set_value('invoice_date')
                 );
                 echo form_input($invoice_date);
                 echo '<span style=color:red>'.form_error('invoice_date').'</span>';
                ?>
              </dd>
              <dt>Quantity</dt>
               <dd><?php
                      $quantity = array(
                               'name'=> 'quantity',
                                'type' => 'varchar',
                                'id'=> 'quantity',
                                 'required'=> 'required',
                                 'value' => set_value('quantity')
                             );
                               echo form_input($quantity).'MT';
                               echo '<span  style=color:red>'
                                  .form_error('quantity').'</span>';
                              ?>
                            </dd>
                           <dt>Shipment Status</dt>
                               <dd><?php
                                        $shipment_st =
                                             array(''=>'','1'=>'Shipped','0'=>'Yet not 
                                                       shipped');
                                                      $js = 'id="shipment_st"';
                                                  echo 
                                     form_dropdown('shipment_st',$shipment_st,$js)?>
                                </dd>
                                <dd><?php
                                      $submit = array(
                                             'id' => 'submit',
                                              'type' => 'submit',
                                                'value' => 'Add'
                                        );
                                       echo form_submit($submit)?>
                                      </dd>
                                   <?php echo form_close()?>
                                    </dl>

0 个答案:

没有答案