原始代码:
然后分辨在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>