場景

設置input框只能輸入中文。

效果

?

實現(xiàn)

<input name="nation" type="text"? id="nation" class="required jDelete plug_guoji w_40 h_36em line_h_36em c_gray_777 bor_rad_05em bor_gray_ddd border bg_white" value="${contact.nation }" placeholder="請輸入國籍" data-tip="請輸入國籍" data-valid="isNonEmpty" data-error="國籍不能為空" onkeyup="value=value.replace(/[^\u4e00-\u9fa5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4e00-\u9fa5]/g,''))"/>

注：

onkeyup="value=value.replace(/[^\u4e00-\u9fa5]/g,'')"

是主要實現(xiàn)代碼，通過這個屬性設置可以設置只能輸入中文。

onbeforepaste：

在用戶將要粘貼的內(nèi)容粘入文本框時，clipboardData.getData先讀出要粘貼的內(nèi)容，刪除不是中文的字符，只保留中文，clipboardData.setData將處理好的字符復制到剪切板，顯示在文本框中。

?

?

總結(jié)

以上是生活随笔為你收集整理的Input框设置只能输入中文的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。