文本框输入，背景框去除，输入类型，输入字数限制

最新推荐文章于 2021-07-26 22:52:07 发布

qq_22266149

最新推荐文章于 2021-07-26 22:52:07 发布

阅读量162

点赞数

文章标签：文本输入

本文链接：https://blog.csdn.net/qq_22266149/article/details/97921652

版权

<input class="name-pc" id="Name" onkeyup="checkLength(this, 15);" οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" placeholder=""/>

if(/\D/.test(str)) {
    alert('只能输入数字');
    document.getElementById('Num').value = '';
}


if (str.length > 11) {
    alert("输入合法号码");
}

if(!(/^1[3456789]\d{9}$/.test(num))){ 
    alert("手机号码有误，请重填");
    return;
}


input {
    border: 0;  // 去除未选中状态边框
    outline: none; // 去除选中状态边框
    background-color: rgba(0, 0, 0, 0);// 透明背景
}


//限制中英文皆可输入的文本框长度
//其中 /[\u4e00-\u9fa5]/ 为匹配汉字的正则。
function checkLength(dom, maxLength){
    var l = 0;
    for(var i=0; i<dom.value.length; i++) {
        if (/[\u4e00-\u9fa5]/.test(dom.value[i])) {
            l+=2;
        } else {
            l++;
        }
        if (l > maxLength) {
            dom.value = dom.value.substr(0,i);
            break;
        }
    }
}