美文网首页
input字母转大写

input字母转大写

作者: 新篇章 | 来源:发表于2018-03-22 16:37 被阅读0次

    第一种js:

    <input name="text" type="text" onkeyup="this.value=this.value.toUpperCase()" />  
    

    第二种css:

    <input name="t1" type="text" style="text-transform:uppercase;" />  
    

    第三种,只能输入大写字母

    <input type="text" onkeyup="dothis(this)" />
    function dothis(v) {
        if(v.value == '') {
            return false;
        }
        //小写转大写
        v.value = v.value.toUpperCase();
        //判断是否为英文
        if(!/^([A-Za-z]+\s?)*[A-Za-z]$/.test(v.value)) {
            return v.value = v.value.substr(0, v.value.length - 1);
        }
        //判断是否超过长度
        if(v.value.length > 10) {
            return v.value = v.value.substr(0, 9);
        }
    }

    相关文章

      网友评论

          本文标题:input字母转大写

          本文链接:https://www.haomeiwen.com/subject/csnaqftx.html