我想阻止提交onclick事件的提交按钮:
$j('form#userForm .button').click(function(e) { if ($j("#zip_field").val() > 1000){ $j('form#userForm .button').attr('onclick','').unbind('click'); alert('Sorry we leveren alleen inomstreken hijen!'); e.preventDefault(); return false; } });
这是提交按钮:
<button class="button vm-button-correct" type="submit" onclick="javascript:return myValidator(userForm,'savecartuser');">Opslaan</button>
它将显示“警报”功能并删除onclick事件,但无论如何都会提交表单.在提交之前手动删除onclick事件将解决问题.然而,这是核心功能,我不想删除它.
编辑:
它肯定是由onclick选择器引起的.如何强制我的jQuery脚本立即重新加载onclick事件?在jquery代码之前添加:$j(‘form #userForm .button’).attr(‘onclick’,”);将解决问题..但是我的验证将不再适用…
解决方法
您需要将事件添加为参数:
$j('form#userForm .button').click(function(event) { // <- goes here ! if ( parseInt($j("#zip_field").val(),10) > 1000){ event.preventDefault(); $j('form#userForm .button').attr('onclick','').unbind('click'); alert('Sorry we leveren alleen inomstreken hijen!'); } });
此外,val()总是返回一个字符串,所以一个好的做法是将它转换为数字,然后再将它与数字进行比较,我不确定你是否真的瞄准#userForm里面的所有.button元素功能,或者你应该使用它吗?
如果您使用的是jQuery 1.7,那么您应该考虑使用on()和off().