如何限制让input只能输入字母（不分大小写）和中文和数字。 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>appendChild</title>

</head>

<body>

<input type="text" id="text">

<input type="button" id="btn" value="创建">

<ul id="list"></ul>



<script>

    var otx = document.getElementById('text');

    var obtn = document.getElementById('btn');

    var oul = document.getElementById('list');



    obtn.onclick = function () {



        var oli = document.createElement('li');

        var ali = oul.getElementsByTagName('li');

        oli.innerHTML = otx.value;



        if (otx.value.length == 0 || otx.value == "") {

            alert('请填写内容！');

            // 这个这个主otx.value怎么去去限制

        } else {

            if (ali.length > 0) {

                oul.insertBefore(oli, ali[0]);

                otx.value = "";

            } else {

                oul.appendChild(oli);

                otx.value = "";

            };

        };



    };



</script>

</body>

</html>
2016-12-16 添加评论
分享

没有找到相关结果

    已邀请:

    catchcat - - 怨只怨人在风中

    赞同来自: lopo1983 、神奇大忽悠

    ### 已解决
    <!DOCTYPE html>
    
<html lang="en">
    
<head>
    
    <meta charset="UTF-8">
    
    <title>appendChild</title>
    
</head>
    
<body>
    
<input type="text" id="text">
    
<input type="button" id="btn" value="创建">
    
<ul id="list"></ul>
    

    
<script>
    
    var otx = document.getElementById('text');
    
    var obtn = document.getElementById('btn');
    
    var oul = document.getElementById('list');
    

    
    obtn.onclick = function () {
    

    
        var oli = document.createElement('li');
    
        var ali = oul.getElementsByTagName('li');
    
        oli.innerHTML = otx.value;
    

    
        var v = otx.value;
    
        var reg = /^[\w\u4E00-\u9FA5]+$/;
    

    
        if (!reg.test(v)) {
    
            alert("请不要输入数字/字母（不区分大小写）/汉字之外的符号");
    

    
        } else {
    
            if (ali.length > 0) {
    
                oul.insertBefore(oli, ali[0]);
    
                otx.value = "";
    
            } else {
    
                oul.appendChild(oli);
    
                otx.value = "";
    
            };
    
        };
    

    
    };
    

    
</script>
    
</body>
    
</html>
    2016-12-16 2 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2024