0

我想更改和验证 html 的 h2 标记的值。我把它放在一个div中。当前的情况是当我按下 h2 标签时，它会自动打开一个文本框，我可以编辑/清除文本框的值。

问题：当我尝试清空文本框值时，它不会在运行时生成错误消息。但是当我单击我的 jsp 文件时会生成错误消息。这是一个示例代码。

<div class="modal-header">
  <h2 class="tc_pageheader editableName" id="detailsheader"></h2>
</div>

就我而言，当 id 值为空时，它必须显示一条错误消息，即 h2 标签不能为空。我想通过使用 jQuery (v1.9) 进行验证来实现这一点。

4

1 回答 1

1

由于没有太多代码可以继续，我做了一个我认为你正在尝试做的模型。

演示：http: //jsfiddle.net/NnkRV/

代码：

$(document).on('click', '#detailsheader', function() {
    $(this).replaceWith("<input type='text' id='edit' value='" + $(this).text() + "' />");
});

$(document).on('focusout', '#edit', function() {
    var newTitle = this.value;
    if (newTitle == '') {
        alert("Cant be blank!");
        return false;
    }
    else {
        $(this).replaceWith('<h2 class="tc_pageheader editableName" id="detailsheader">' + newTitle + '</h2>');
    }
});

这只是让您编辑 H2 的标题，如果有空白标题则显示错误。

于 2013-05-02T13:27:44.903 回答