如果輸入超過200個字符,如何在textarea中提示錯誤消息。 我正在嘗試maxLength屬性。但它停止採取投入。我不想那樣。我想要一個錯誤消息如果輸入超過200個字符,如何在textarea中提示消息
回答
嘗試編寫一個使用onchange屬性在輸入更改上調用的Jquery函數。 然後使用 var messageTxt = $("#yourelementid").value(); If(messageTxt.length() > 200) { alert("input is more than 200 characters"); }
我正在使用Angular 2.你能告訴我在這方面 – surbhiGoel
,因爲您的文章有棱角的標籤,我假設你正在使用的角度。一般來說,您可以在textarea模型上放置手錶。
$scope.$watch('yourTextAreaModel', function(newVal) {
if(newVal.length > 200){
alert("input cannot be more than 200 characters");
}
})
*您甚至可能不需要手錶,但它取決於您的應用程序。
有沒有使用手錶的情況。在這個例子中,使用'ng-change'作爲angularjs,'ngModelChange'作爲角度 – tic
我認爲OP使用的是角度1.x.是的angular2或角度,ngOnChanges也將工作 –
謝謝。我得到了我的回答 – surbhiGoel
<style type="text/css">
.input-error ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: red;
}
.input-error :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red;
opacity: 1;
}
.input-error ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red;
opacity: 1;
}
.input-error :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}
</style>
<div class="text-wrapper">
<textarea id="infoText" placeholder="Type your text"></textarea>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#infoText').bind('input propertychange', function() {
if($(this).val().length>4){
$(this).parent(".text-wrapper").addClass("input-error");
$(this).attr("placeholder","Text cannot exceed more than 200 characters")
$(this).val("");
}
else{
$(this).parent(".text-wrapper").removeClass("input-error")
} ;
});
});
</script>
試試這個,我希望這是你想要的 –
- 1. 如何在mysql中輸入200的前100個字符
- 2. textarea的回報.VAL()只如果超過15個字符
- 3. 錯誤如果超過2個輸入
- 4. 如何在輸入(textarea)字段中輸入多個值?
- 5. 如何在提交表單後顯示輸入框的消息?
- 6. 如果輸入不是數字,則顯示錯誤消息
- 7. 如何使scanf讀取超過4095個字符作爲輸入?
- 8. 如何查找何時在textarea中輸入特定字符
- 9. 如何使編輯文字提示在輸入時消失?
- 10. 當在表單輸入字段中超過textarea時沒有自動換行符
- 11. 如果字符串輸入包含空格,則提示錯誤
- 12. 如何從字符串顯示最多200個字符
- 13. 如果textarea超過一百萬個字符,則PHP發佈爲空
- 14. 如何提示輸入和退出,如果用戶輸入一個空字符串?
- 15. 如何在驗證消息中顯示輸入ID或標籤?
- 16. 如何在excel中使用超過200個嵌套if條件?
- 17. 如何在Crystal Reports 8.5中顯示超過254個字符的字符串?
- 18. 如何顯示超過128個字符的系統工具提示
- 19. 如何顯示超過63個字符的系統托盤工具提示?
- 20. 如何從java中的輸入流中讀取命令提示符時消除重複消息
- 21. 字符串輸入超過1000個字符時執行掛起
- 22. 無法採取超過4094個字符輸入的字符串
- 23. 如果用戶輸入不符合條件,返回消息
- 24. 如何使用angular js在工具提示中的輸入字段的右側顯示驗證錯誤消息?
- 25. 如果超過20個字符,請將字符串寫入兩行
- 26. 如何檢索超過200條推文
- 27. 如何在1個輸入字段(a Facebook消息)中捕獲多個值?
- 28. 如何從SET/P提示符中選擇多個輸入?
- 29. textarea的佔位符消息
- 30. 如何通過字符輸入一個字符串
歡迎SO。請發佈演示您嘗試完成的代碼,您嘗試過的以及失敗的地方。 –
我們可以使用jquery進行此操作 – Ram
這是關於Angular還是AngularJS? –