本篇來講講怎麼用Javascript去驗證Text中的字數
其實也沒什麼祕訣
只要利用 .length 的屬性就可以算出字數
直接看下面的抓圖吧
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQHyZormi7rV8_YrMS3690gBYq8z6KusEx_9svGgKVT9Hcdqb1mQbtvRZA9NqmaGsuidDNEIoV4Nam54InN29nFnE5lhZjq2xLjswprzytgTHkrEpP2I6b5F67IR_E9sQu3FmLGmTvd2zo/s400/text7.png)
上圖為計算字數的 js function
關鍵在於用 return 的 true/false 值來控制 button 會不會 submit
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOQ5tiD-yZfCN9dHwdFdvY0pz8VfWd4oIpbM2Rbs6-wqWa8aH67UPmi-rOQJZ0GRL7S6L8lZ7JAd9MtquXxgSziSQwL7N-2sCrqnpAZZQuarbfeHMy4SrXLQNouiLi-fnqkXJBBIeJJDbw/s400/text8.png)
上圖為 Button 控制項的屬性
OnClick 事件是承襲 上篇 的 Button 事件
不過這邊要多加上個 OnClientClick 事件 return CheckWordCount()
這是控制 Button 會不會 submit 的關鍵
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ihBZrY2MEam5WJnH2gf_5DiLjgHWxwh_s9YmXjGx-95Xjbfj0bk3cOupyiLzy208smnLT-mbS_4isccprKGiJyAKEuEoY9RmnPB_sU8mSNpqYpQCuN544D2xbVxpoznEpwq0bwwK3FMc/s400/text9.png)
送出驗證事件
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjG3f7oGVVykLG9g9HCKSp7E8lKbpN-ww4WA9AoWBlVGIcyMOJRfjkrW3xeBHR8OP0i_0YvWL4p1GFX4RyNRTvBNli1my9P0ZxcQbLy1aWyPwHy13OY_vrVmZlMZCyg_v2MRT5cN4nk0F/s400/text10.png)
驗證失敗事件
由上圖可得知 上一篇 坎尼提到斷行的問題
Javascript 裡會將斷行視為一個字 (坎尼認為是\n)
兩個方式都可用來驗證目前字數
不過需注意兩個方法對文字字數的處理結果
沒有留言:
張貼留言