如何通过单击笑脸图标添加内容时限制输入框的内容大小

Question

我创建了一个带有maxlength="30"

的输入框

<div id="inputbox"><input type="text" maxlength="30" id="message" /></div>

我需要通过点击笑脸框中的笑脸将笑脸插入到输入框中，并且每次都会将 像smiely一样添加到输入框中。

当我使用maxlength对文本内容起作用时，它将输入字符限制为30。 但是，当我尝试通过单击我的笑脸框来添加笑脸时，它没有任何限制可以添加并在每次点击时继续（超过最大长度）。 当我尝试使用点击和添加内容添加时，他们的任何方法都限制内容。 提前致谢

Answer 1

为此，我在添加新元素时检查了输入框内的字符串长度 使用

if(($("#message").val().length) >= 30 ){
   return false;
}else{
   //do the operation
}

这对我来说很好。