仅在验证表单时按钮 onclick 功能答案

【问题标题】：Button onclick functions only if form is validated仅在验证表单时按钮 onclick 功能
【发布时间】：2015-03-07 01:33:53
【问题描述】：

我有一个局部视图中的表单，我希望在单击按钮时发生 2 个功能，但前提是表单经过验证。当我将 onclick 函数添加到按钮时，表单不再验证。我可以在按钮中设置 if(valid) 吗？可以这样做吗？我想要的只是在表单经过验证后才调用函数。

              <input type="submit" value="Create" id="btnclick"  onclick="CreateMech(); createUser(document.getElementById('username').value, document.getElementById('password').value)"   class="btn-danger"  />

【问题讨论】：

调用一个检查表单有效性的函数，如果有效则调用 CreatMech() 和 createUser()

标签： c# jquery html ajax asp.net-mvc-4

【解决方案1】：

如果验证失败，您可以使用 prevent default 来停止单击。像

$(document).on('click', '#btnclick', function(e){
    if("validation check function here" == false){
        e.preventDefault();
        alert("validation failed);
    }else{
        CreateMech(); //adding the else here will make the on click on your button unnecessary
    }
});

应该适合你

【讨论】：