停止表单在Umbraco后台提交事件传播

Question

我有Umbraco的自定义插件，可以执行额外的验证。我试图调用事件对象的preventDefault，但它不会停止表单提交。

$scope.$on("formSubmitting", function(ev, args) {

ev.preventDefault();

Answer 1

stopPropagation阻止事件冒泡事件链。

preventDefault会阻止浏览器对该事件执行的默认操作。

假设你有

$scope.$on("formSubmitting", function(ev, args) {

ev.stopPropagation();

<强> MSDN：

• event.cancelBubble
• event.preventDefault
• event.returnValue
• event.stopPropagation

<强> MDN：

• event.cancelBubble
• event.preventDefault
• event.stopPropagation

对于IE9和FF，你可以使用preventDefault＆amp; stopPropagation。

支持IE8并将stopPropagation替换为cancelBubble并将preventDefault替换为returnValue

Answer 2

我相信Umbraco有一个prevent-default指令。我已经在锚元素上使用了这个但不是形式，但它也可以在表单上使用！

用法：

<form prevent-default>
    ...
</form>