js验证属性(更新中…)

textarea
    限制文字字数
    maxlength="500"
input属性 
    //只能输入数字
    oninput = "value=value.replace(/[^\d]/g,'')"
//只能输入字母和数字
onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"

onload加载完成事件
onclick单击事件
onblur失去焦点事件
onchange内容发生改变事件
经常用于select下拉列表选中后的内容发生改变时候触发
onsubmit表单提交事件 经常用来在表单提交的时候验证所有表单项是否合法。

<input onblur="verTel(this.id)" />
/*******自定义layui手机、固话验证 请传 id *******/
function verTel(id) {
var tel=document.getElementById(id).value;
if (tel.length > 0) {
if (!isPhone(tel) && !isMobile(tel)) {

$('#' + id).css({
border : "1px solid red"
});
$('#' + id).focus();
alert('请输入正确的手机号码或固定电话!\n\r固定电话格式:区号(3~4位,选填,4位时首位为0)-固定电话(7~8位,必填)-分机号(1~4位,选填)!');
$('#' + id).val("");

return false;
}
}
return true;
}
//判断是否是固话
function isPhone(val) {

var sReg = "^((\\(\\d{2,3}\\))|(\\d{3}\\-))?(\\(0\\d{2,3}\\)|0\\d{2,3}-)?[1-9]\\d{6,7}(\\-\\d{1,4})?$";
var reg = new RegExp(sReg, "i");
return reg.test(val);
}

//判断是否是移动电话
function isMobile(val) {
var sReg = "^((\\(\\d{2,3}\\))|(\\d{3}\\-))?1\\d{10}$";
var reg = new RegExp(sReg, "i");
return reg.test(val);
}
/*******自定义layui手机、固话验证 *******/

 

限制输入框不能输入中文:
<input onkeyup="value=value.replace(/[\u4E00-\u9FA5]/g,'')"/>
id 为属性id
id.removeChild(id.querySelector('option'));//删除select的 第一个元素(请选择)

 

文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

 

posted @ 2018-12-26 12:16  雁书几封  阅读(279)  评论(0编辑  收藏  举报