Input框设置只能输入中文

场景

设置input框只能输入中文。

效果

 

实现

<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,'')"

是主要实现代码，通过这个属性设置可以设置只能输入中文。

onbeforepaste：

在用户将要粘贴的内容粘入文本框时，clipboardData.getData先读出要粘贴的内容，删除不是中文的字符，只保留中文，clipboardData.setData将处理好的字符复制到剪切板，显示在文本框中。