场景

设置input框只能输入英文。

效果

 

实现

<input type="text" id="chineseLastName" name="chineseLastName" maxlength="16" class="required w_20 fl h_36em line_h_36em c_gray_777 bor_rad_05em bor_gray_ddd border bg_white" value="${contact.chineseLastName }" placeholder="中文姓(拼音)" data-tip="请输入中文姓(拼音)" data-valid="isNonEmpty" data-error="中文姓(拼音)不能为空"   onkeyup="value=value.replace(/[^a-zA-Z]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z]/g,''))"/>

注：

onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"

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

onbeforepaste：

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