用户输入验证

Posted 2021-02-04 aryu

// 用户的input框
<input placeholder="请输入昵称" type="text" id="nickname" oninput="yanzheng(this.value)" class="mui-input-clear" />
//js代码实现
function yanzheng(val) {
reg = /^[u4E00-u9FA5]{2,6}$/;
if(!reg.test(val)) {
$(‘#Toserver‘).attr(‘disabled‘, "false");
$(‘#t‘).html(‘昵称为汉字且不能超过六个‘);
$(‘#Toserver‘).attr(‘disabled‘, "true");
} else {
$(‘#t‘).html(‘‘);
document.getElementById("Toserver").disabled = false;
}
} 

上面的代码思路：获取用户输入的内容后，传到yanzheng这个函数里，在这个函数里面做验证操作，验证方法使用正则和if判断语句。