使用xajax在codeigniter中使用jquery进行验证

时间:2014-06-13 07:11:13

标签: javascript php jquery codeigniter jquery-validate

验证是mot工作,请指明答案。 没有验证工作,表单提交没有验证, 我在codeigniter中使用xajax

这是我的观点或表格

<form name="frmcontact" id="frmcontact" class="contact-form" action="">

      <input type="text" name="name" id="name" placeholder="Name">

      <input type="text" name="email" id="email" placeholder="E-mail">

      <input type="text" name="mobile" id="mobile" placeholder="Mobile">

      <textarea class="message1" placeholder="Message" name="message" id="message"></textarea>
      <span class="error"> </span> 

       <input type="submit" value="Submit" >

    </form>

我的javascript是

 <script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.validate.js"></script>
 <script type="text/javascript">

    ;(function($) { 
     $(document).ready(function() {
        $("#frmcontact").submit(function(e){
            e.preventDefault();
        }).validate({
            rules: {
                name: {
                    required: true,
                     number:false                
                },
                 email: {
                    required: true,
                     email:true               
                },
                 mobile: {
                    required: true,
                     number:true,
                     minlength:10,
                     maxlength:10         
                },
                 message: {
                    required: true

                }

            },errorElement: "span",
            messages: {
            },
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            submitHandler: function(){
                xajax_contactsubmit(xajax.getFormValues('frmcontact'));
            }

        }); 

     });
 })(jQuery); 
</script> 

1 个答案:

答案 0 :(得分:0)

试试这个

jQuery(document).ready(function($) {
    $("#frmcontact").validate({
        rules: {
            name: {
                required: true,
                 number:false                
            },
             email: {
                required: true,
                 email:true               
            },
             mobile: {
                required: true,
                 number:true,
                 minlength:10,
                 maxlength:10         
            },
             message: {
                required: true

            }

        },errorElement: "span",
        messages: {
        },
        errorPlacement: function(error, element) {
            error.insertAfter(element);
        },
        submitHandler: function(){
            xajax_contactsubmit(xajax.getFormValues('frmcontact'));
        }

    }); 

 });

无需处理和停止提交,验证插件将自行管理