场景
示例代码:
<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将处理好的字符复制到剪切板,显示在文本框中。