HTML中的JS代码getAttribute();返回一直为null

原始代码:

这里写图片描述

然后分辨在IE 360 火狐 谷歌浏览器测试,结果IE 360运行正常,火狐和谷歌一直显示null

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

解决方法:

这里写图片描述

经测试后,这几个浏览器都运行正常。
其中formVerity为form表单的name属性。
username为用户名的name属性。

下面附主要源码:

JS源码:

<script type="text/javascript">
    function verifyForm(){
        //1,首先获取表单提交的数据

            //原始方法  使用在IE 360浏览器正常使用,Google Firefox无法获取输入的值,可以获取一开始的值。
            //var inputName = document.getElementById("usernameID");
            //var inputData = inputName.getAttribute("value");

            //DHTML新增方法(推荐)
            var nameInput = document.formVerity.username;
            var inputData = nameInput.value;  //DHTML属性

            //alert(inputData);

        //2,用正则表达式表示合法输入。
        // 合法输入为:用户名不能为空,并且长度在6~10位之间。只能以英文字母开头。用户户名只能使用"_"符号。

            var reg = /^[a-zA-Z][a-zA-Z0-9_]{5,9}$/g;

        //3,利用正则表达式验证表单提交数据
            //reg.test() 返回true输入符合要求,返回false输入不符合要求 
            if(!reg.test(inputData)){
                alert("用户名需要6~10位,不能以数字开头");

                //阻止表单提交
                return false;
            }

    }

</script>

表单代码:

<form action="" name="formVerity" onsubmit="return verifyForm()">
    <table border="1">
        <tr>
            <th colspan="2" align="center">用户注册</th>
        </tr>
        <tr>
            <td>用户名:</td>
            <td><input id="usernameID" type="text" name="username" /></td>
        </tr>
        <tr>
            <td colspan="2" align="center"><input type="submit" value="提交" /></td>
        </tr>
    </table>
</form>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值