Question

我有一个简单的表格：

<form method="post" action="/home/keepintouch" id="stay-in-touch">
              <div>
                <label for="email">Stay in touch</label>
                <input type="text" value="enter your email address" title="Keep up-to-date with new products, services, news and special offers." size="20" name="email" id="email" class="off field required email">
                <input type="image" src="/content/images/contact-arrow.png" name="intouch-submit" class="imgbtn">
              </div>
            </form>

在我的页面中，我包含以下JS文件：

在我的脚本文件中，我这样做：

// contact form.
$('#stay-in-touch').validate({
    submitHandler: function (form) {
        $(form).ajaxSubmit({
            success: function (response, status, xhr, form) {
                $('#stay-in-touch div').fadeOut('slow', function () {
                    $('#stay-in-touch').append('<div class="msg">' + response.msg + '</div>');
                });
            }
        });
        return false;
    }
});

但是submitHandler没有触发。

有什么想法吗？

我已经尝试在submitHandler中放置一个ALERT（..）但没有快乐。映射验证的代码肯定在运行。

您可以在此处查看实时代码：

http://www.energyjump.co.uk/

Answer 1

我相信您需要<input type="submit"，而不仅仅是常规按钮/图片。

Answer 2

它的工作。当您输入正确的电子邮件时，请单击显示警报的链接。

只有在验证完成后，submitHandler才能正常工作。请检查一下。

如果要显示错误消息或某些内容，请尝试在突出显示或取消突出显示属性

中执行此操作

jQuery验证不触发submitHandler

2 个答案: