notify/verify 在没有提交按钮的情况下工作吗？

Question

我有一个非常简单的表格：

<form>
    <fieldset>
        <input id="in1" type="text" data-validate="required">
    </fieldset>
    <fieldset>
        <input id="in2" type="text" data-validate="required">
    </fieldset>
    <input id="btn" type="button" value="Insert your datas" onclick="insert()">
</form>

如果第三个输入 (id:"btn") 有 type="submit"，notify/verify 会很好。

我不需要提交此表单（因为我必须在按钮 onclick 上启动 insert() 功能），

所以我删除了按钮的提交类型，不幸的是现在我的页面上没有显示任何通知。

我可以按照通知文档的建议添加一个处理程序（像这样：$(".elem-demo").notify("Hello Box")），但这是一个自定义通知，很好，但我想利用 verify.js [=18= ..不需要像 "required" 或 "number".

这样的简单验证的额外代码

我该如何解决？我希望我能清楚我的问题，谢谢你回答我。

Answer 1

您可以保留按钮类型提交，并且可以通过 event.preventDefault()

覆盖单击提交按钮时的默认表单提交行为

<form id="my-form" onSubmit="myFunction(event)">
    <fieldset>
        <input id="in1" type="text" data-validate="required">
    </fieldset>
    <fieldset>
        <input id="in2" type="text" data-validate="required">
    </fieldset>
    <input id="btn" type="submit" value="Insert your datas" onclick="insert()">
</form>

您的函数将通过其 ID 在表单 submission.Access 上调用，并调用 validate 来检查表单是否有错误。调用 validate 将触发对表单中每个元素的验证。它接受一个回调函数callback(success)，将在验证后调用。

function myFunction(e){
 e.preventDefault();

 $("#my-form").validate(callbackFunction);

 // call your other function

}

notify/verify 在没有提交按钮的情况下工作吗？

Do notify/verify work without submit button?

javascript

validation

verify

notify