避免使用jquery.validation并使用ajaxsumbit + html5

时间:2013-10-26 20:40:00

标签: javascript jquery html html5 validation

我想从我的联系表单发送电子邮件,我使用html5表格和jquery.validation + jquery.form + jquery1.4.2。

表单有效但我不喜欢那些警告信息,当你不在一个必需的方框中写字时,我更喜欢在这种情况下使用html5警报。

如何避免jquery.validate,只需发送电子邮件并向客户端发送“完成”消息。

这是实际的脚本:

            <script>
            $(function(){
                $('#formulario').validate({
                    submitHandler: function(form) {
                $(form).ajaxSubmit({
                    url: 'enviar.php',
                    success: function() {
                        $('#formulario').hide();
                        $('#formulario-contacto').append("<p>Tu mensaje ha sido enviado correctamente.</p><p><strong>Gracias por contactar conmigo.</strong></p><p>Me pondré en contacto contigo lo antes posible</p><p><a href='contacto.html'>Mostrar Formulario</a></p>")
                    }
                });
             }
        });         
        });
        </script>

祝你好运 哈维尔

1 个答案:

答案 0 :(得分:0)

而不是使用jquery验证使用提交函数..

 <script>
        $(function(){
            $('#formulario').submit(function() {
            $(form).ajaxSubmit({
                url: 'enviar.php',
                success: function() {
                    $('#formulario').hide();
                    $('#formulario-contacto').append("<p>Tu mensaje ha sido enviado correctamente.</p><p><strong>Gracias por contactar conmigo.</strong></p><p>Me pondré en contacto contigo lo antes posible</p><p><a href='contacto.html'>Mostrar Formulario</a></p>")
                }
            });
         });         
 });

希望这会奏效......