jQuery:按钮原因验证

在我的表单中，我有一个正常的提交按钮，该按钮可以验证我的表单，例如，我有

$("#formTest").submit(function (e) {
        alert('test');
});

<form id="formTest">
    <input type="text"/>
    <button>Test</button>
    <input id="submitButton" type="submit" value="Save" />
</form>

$（“#formTest”）.submit（函数（e）{
警报（“测试”）；
});
试验

但是，当我单击“测试”（而不是“保存”按钮）时，会显示警报（）。 下面是一个简单的示例，但在我的例子中，jQuery验证了我在本例中的所有输入

我怎么能有一个没有提交效果的按钮

---

基本上这与验证无关。这只是纯粹的表单提交。若要防止在测试按钮单击时提交表单brom，应向其附加一个单击事件处理程序并取消事件的传播

$("button").click(function(evt){
    evt.preventDefault();
    return false;
});

为什么会发生这种情况？ 问题是，当您单击测试按钮时，表单会被提交，因为默认的按钮类型（在您的案例中没有提供）将是submit。检查

---

这仅仅意味着通过提供

type=“button”

也会改变这种提交行为。但这取决于手头的问题（显然不是简化示例中所示的问题）。

您需要为按钮创建一个处理程序，并在其事件上放置一个preventDefault（）

$('button').click(function(e){
    e.preventDefault();
    alert('i clicked!');
});

变更测试 进入 测试

完美，我只需添加，它就可以工作了！非常感谢。