2014-11-03 90 views
0
添加內容時,如何限制輸入框中的內容大小

我創建了maxlength="30"通過點擊笑臉圖標

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

我需要通過點擊笑臉的笑臉框中插入表情到輸入框中輸入框,smiely像將被添加到每次輸入框。

當我使用maxlength其做工精細的文本內容是limts的輸入查詢的人物造型到30 但是,當我試圖通過單擊我的笑臉框中添加笑臉它沒有任何限制,增加其在每次點擊回事(超過最大長度)。 是我們嘗試使用點擊和添加內容進行添加時限制內容的任何方法。 在此先感謝

+2

您的問題中沒有任何內容描述您發佈的HTML與稱爲「笑臉」的東西之間的關係。你能詳細說明你的問題嗎? – Kolban 2014-11-03 04:48:54

+0

當您添加一些表情符號並運行以下代碼時,您在控制檯中獲得了什麼值:console.log($('#message').val().length);'? – myfunkyside 2014-11-03 04:57:36

+1

我很樂意幫忙,但我根本不理解這個問題。什麼是「笑臉盒子」,它與元素有什麼關係?你有一個jsFiddle,你可以發佈說明嗎? – Kolban 2014-11-03 05:04:53

回答

0

爲此,我檢查了字符串長度的輸入框裏面,當新的元素被使用

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

這個工作對我罰款加 。