总结遇到过的一些问题,随笔,随时更新
1、tpye为number时长度的限制
<input type="number" oninput="if(value.length>10)value=value.slice(0,10)" />
2、只能输入纯数字
<input type="text" placeholder=" " maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')" />
3、只能输入中英文
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">
4、限制中文输入
<input onkeyup="value=value.replace(/[\u4E00-\u9FA5]/g,'')"onpaste="value=value.replace(/[\u4E00-\u9FA5]/g,'')" oncontextmenu="value=value.replace(/[\u4E00-\u9FA5]/g,'')">
5、解决当img标签的src没有设置地址,甚至没有src属性时,页面还是会显示小框问题。
img[src=""],img:not([src]){opacity:0;}

浙公网安备 33010602011771号