Question

我的页面上有四个按钮

<button id="opener"  >Submit Timecard</button>
<button id="cancel" class="cancel">Cancel</button>
<input type="button" onclick="AddPO();" class="cancel"  id="btnAddPO" name="btnAddPO" value="Add More Part Details"/>
<input type="button" name="btnAddMoreReciepts" id="btnAddMoreReciepts" value="Add More Reciepts" onclick="AddReciepts();" class="cancel"  />

单击提交时间卡时，表单应验证。对于其余的按钮它不应该这样我添加了类取消。但是，如果我先单击btnAddPo或btnAddMoreReciepts并单击SubmitTimecard，表单将无法通过验证。

任何人都可以告诉我一个很好的解决方案吗

谢谢， Sravanthi

Answer 1

我假设你有一个用于validate（）的javascript函数。您可以将该函数绑定到单击处理程序，仅用于您需要的按钮。

$('selector for submit timecard').click(function(){validate();});

这是一个非常通用的解决方案，您还可以在表单提交操作中包含验证功能。

Answer 2

假设您有可用于验证表单的函数，您可以简单地编写如下代码....

验证函数..

function validate(){
    // do the required validation here
}

用法..

<button id="opener"  onClick="validate();" >Submit Timecard</button>

这将在您单击此按钮时触发验证功能，即使您有其他按钮也不会更改...

希望这会有所帮助..

如何在特定按钮单击上验证表单？

2 个答案: