场景

设置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将处理好的字符复制到剪切板，显示在文本框中。