Question

这是我的代码：

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function() {
     $("#alta").validate();
});
</script>
<form id="alta" method="post" action="<?= $this->Html->url('/'); ?>alta">
    <label>Nombre:</label>
    <input type="text" id="name" class="field required" name="data[name]">
</form>
<a href="#" onClick="alta.submit(); return false;" id="button" class="button">Send</a>

我的问题是我不使用提交输入，需要使用链接，但提交表单并且无效。

感谢

Answer 1

如果没有提交按钮，您需要手动检查表单是否有效。

首先，从HTML中删除onclick属性 - 这不是附加事件的好方法。

<a href="#" id="button" class="button">Send</a>

然后将其放在您的jQuery代码中：

$("#button").click(function() {
    if ($("#alta").valid()) {
        $("#alta").submit();
    }
});

Answer 2

点击处理程序内的

验证表单。

   $("#button").click(function(e){
    e.preventDefault();
    if($("#alta").valid()){
        //submit
        $("#alta").submit();
    } 
    else
       return false;
  });

（阅读评论后）您不需要在文档准备中验证表单

Jquery使用链接验证并发送表单

2 个答案: