jquery : focusout of non-required textarea 防止触发保存按钮的点击事件

Question

我有一个带有非文本区域的表单required.When 我编辑文本区域中的值并单击保存或取消或立即删除它不会触发第一次，但会在第二次单击时触发。喜欢下图

我的 jquery-validate onfocusout 事件如下所示，但它没有被触发

onfocusout: function(element) {
  if (!this.checkable(element) && element.name in this.submitted) {
    this.element(element);
  }
},

我错过了什么吗？我正在使用 Asp.NET MVC TextAreaFor html 助手，如下所示

 @Html.TextAreaFor(m => m.Comment, new {@class = "form-control", data_bind = "value:Comment,attr:{id:commentId}" })

Answer 1

其实这不是jquery-validator或kendo-data-binding的问题，是因为textarea的填充和清空按钮移动了

当您按下鼠标键时，按钮在一个地方，但是当您松开鼠标键时，按钮已经移动并且不再位于鼠标指针下方。这就是不会抛出点击事件的原因。

检查评论区是否有onblur事件处理器。这可能是按钮没有引发点击事件的原因。

或者你可以使用kendodata-value-update="keyup"绑定数据onKeyup.

jquery : focusout of non-required textarea prevent trigger click event of save button