Question

我从这里下载了一个jquery验证库http://jqueryvalidation.org/ 单击提交按钮但我有一个名为submit的链接时，验证或错误消息有效。我想将该链接用作提交，但问题是验证库不起作用。我该如何自定义库。

上的代码

当我使用这个

时一切正常

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

但我想使用自定义按钮而不是提交按钮

 <a class="button black"  id="send-message">Send</a>

Answer 1

您可以通过为input代码

提供类来更改a代码的类别

<input class="button black" type="submit" value="Submit"/>

或编写一个代码，用于点击

触发表单提交事件

$("#send-message").click(function (e) {
    e.preventDefault();
    $("form").submit();
});

Answer 2

你需要通过js初始化一个链接然后初始化验证类：

  <a class="button black"  id="send-message">Send</a>


  $("#send-message").validate({
        submitHandler: function(form) {
            form.submit();
          }
  });

有关验证类/插件JQ validate Plugin

的更多详细信息

触发提交链接时，jquery验证无效

2 个答案: