將TextBox限制爲500個字符

我想限制我的文本框包含最多500個字符，例如我想收到來自用戶的問題，但最大長度爲500，如何顯示多少個字符寫作時留下？將TextBox限制爲500個字符

這是我的代碼在視圖中，但我不知道它不工作，我嘗試過各種方法！

<li> 
    @Html.LabelFor(m => m.TeacherQuestion, new { maxlength = 500 }) 
    @Html.TextBoxFor(m => m.TeacherQuestion , new { maxlength = 500}) 
</li>

來源

2014-12-27 OnlyPrograming

我編輯了自己的冠軍。請參閱：「[應該在其標題中包含」標籤「]（http://meta.stackexchange.com/questions/19190/）」，其中的共識是「不，他們不應該」。 – 2014-12-28 00:34:54

沒有內置的元素或屬性 - 你需要使用Javascript。

分配一個ID，您的輸入，並添加舉行新元素其餘的字符數

@Html.TextBoxFor(m => 
    m.TeacherQuestion, new { id = "questionInput", maxlength = 500 }) 
<span id="charsLeft"></span>

下一頁添加引用jQuery並添加以下JavaScript到您的佈局視圖：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script> 
    $(function() { 
     $("#questionInput").keyup(function() { 
      var charsLeft = $(this).attr("maxlength") - $(this).val().length; 
      $("#charsLeft").text(charsLeft + " characters left"); 
     }); 
    }); 
</script>

（如果需要在普通視圖中包含腳本，請參閱此answer以獲得指導。）

結果應該是這個樣子：

enter image description here

來源

2014-12-27 20:36:30

謝謝，我會嘗試 – OnlyPrograming 2014-12-27 20:51:45

它工作感謝!!!!! – OnlyPrograming 2015-01-10 20:41:44

將TextBox限制爲500個字符

回答

相關問題