我正在使用一些旧代码。它使用内置的 ColdFusion 表单验证(即_required
隐藏字段)。我想在表单中添加一个取消按钮。取消按钮必须实际处理一些业务逻辑(因此我不能将其设置 location.href 到其他页面)。问题是,因为取消按钮是一个提交按钮,它会触发内置验证,并且用户会收到该字段是必需的错误。
有什么方法可以禁用该特定提交按钮的验证?我宁愿不尝试修改构建表单的底层代码,因为它在很多地方都使用过。这是我的代码的一个大大简化的版本:
<cfif IsDefined("Form.OK")>
You clicked OK!
<cfelseif IsDefined("Form.Cancel")>
You clicked Cancel!
</cfif>
<cfoutput>
<form action="#CGI.Path_Info#" method="POST">
Enter Name: <input type="text" name="Name" value="" /><br/>
<input type="hidden" name="Name_required" value="" />
<input type="submit" name="OK" value="OK" />
<input type="submit" name="Cancel" value="Cancel" />
</form>
</cfoutput>
我想到的一件事是让取消按钮的 onclick 从 DOM 中删除任何隐藏的“_required”字段。这行得通,但感觉很hacky。这是我用于该方法的 Javascript:
<script type="text/javascript">
function removeRequiredFields() {
var els = document.getElementsByTagName('input');
for(var i = 0; i <= els.length; i++) {
if(els[i].type == 'hidden' && els[i].name.endsWith('_required'))
els[i].parentNode.removeChild(els[i]);
}
}
</script>