以引导 x 可编辑形式设置最大长度答案

【问题标题】：Setting max length in bootstrap x-editable form以引导 x 可编辑形式设置最大长度
【发布时间】：2013-03-22 14:19:28
【问题描述】：

我需要在 bootstrap xeditable 表单中设置文本框的最大长度。问题是出现的文本框是表单的构建功能，所以我无法将 maxlength 设置为 html 属性。我尝试使用jquery，但它不工作。（我无法附上截图）请帮我解决这个问题，

【问题讨论】：

【解决方案1】：

您可以通过覆盖模板来设置 HTML 属性：

如：

$('#your_id').editable({
  tpl: '<textarea maxlength="250"></textarea>'
});

【讨论】：

小心，因为不是所有浏览器都支持 textarea 的 maxlength 属性。它是一个 HTML 5 属性 (w3schools.com/tags/att_textarea_maxlength.asp)
解决了我的问题。也许您还应该提到它可以通过 html 元素上的data-tpl 属性直接设置。
根据@G-Man 的建议，这可以通过使用来改进，每个浏览器几乎都支持 ver1 并且根据 julealgon 的建议，我们可以添加这个属性（数据-tpl="") 到 html，而不是单独写在 Js 文件中。干杯

【解决方案2】：

嗯，你应该可以使用 jQuery 设置maxLength 属性，例如：

$('#myBox').attr('maxlength', 6);

还有更多信息in this question。

但是很难从您的问题中看出您尝试了什么。请将您尝试过的 jQuery 代码添加到您的问题中，以便我们更好地帮助您。

【讨论】：

@Marijin：我完全按照您在此处提到的方式进行了尝试。问题是，考虑一个带有 id mybox1 的文本框，它位于 mybox 内部，它不是用户定义（创建）的，但它是 mybox 的组成部分。我需要为 mybox1 设置最大长度。我尝试使用该 ID 名称 mybox1 来设置最大长度，但它不起作用。
请将html添加到您的问题中，以便我们更好地帮助您。

【解决方案3】：

看起来你可以传递一个“inputclass”属性，这样你就可以按照自己的意愿来设置它的样式。覆盖 tpl 选项可能很麻烦，因为应用了自定义库类。

【讨论】：