Question

JavaScript 表单 验证不能为空

表单定义（用户名部分）：
<form id="form1" name="form1" method="post" action="cgibin/abc.pl" onsubmit="return validate()">
<table width="500" border="1" align="center">
<tr>
<td align="right"><div align="right">username：</div></td>
<td align="left" bgcolor="#FFFFFF"><div align="left">
<label for="username"></label>
<input name="username" type="text" id="username" size="10" maxlength="10" />
<span style="color: #F00">*不能为空</span></div></td>
</tr>
<tr>
formcheck.js中相关方法定义:
function validate()
{var username=document.getElementByI("username").value
if (username.length==""){
alert("名字不能为空。")return false;
}
return true;
}

但是预览后用户名为空时，它并没有进行验证，并没有弹出提示窗口，不知道是哪里出错了。

Answer 1

if (username.length==""){
alert("名字不能为空。")return false;
}

username.length==""怎么能判断是否为空呢

可以这样写
表单定义（用户名部分）：
<form id="form1" name="form1" method="post" action="cgibin/abc.pl" onsubmit="return validate()">
<table width="500" border="1" align="center">
<tr>
<td align="right"><div align="right">username：</div></td>
<td align="left" bgcolor="#FFFFFF"><div align="left">
<label for="username"></label>
<input name="username" type="text" id="username" size="10" maxlength="10" />
<span style="color: #F00">*不能为空</span></div></td>
</tr>
<tr>
formcheck.js中相关方法定义:
function validate() {
var username=document.getElementByI("username").value
username = username.replace(/[ ]/g,""); //替换所有空格！

if (username==""){
alert("名字不能为空。")return false;
}
return true;
}

追问

。。。我试过了。。还是不行ORZ。。。。子啊。救救我吧

追答

alert("名字不能为空。")return false;
少了分号，alert("名字不能为空。");return false;

Answer 2

在input 里面加上 onblur="return validate()"

是你鼠标事件加错了，你加的是onsubmit，但是没有submit按钮

追问

不是这个原因。。我后面有submit按钮

追答

我试了一下你的，可以实现，估计是一些小问题没注意：
①js没包含进来，路径错误
②函数内alert和return句要换行。。。仔细检查一下

username：

*不能为空

function validate() {
var username=document.getElementById("username").value;
username = username.replace(/[ ]/g,""); //替换所有空格！
if (username==""){
alert("名字不能为空。");
return false;
}
return true;
}

追问

..我在表单定义的时候写的。。是不是就是访问js文件的语句？。。我昨天仔细看了我的程序，发现似乎它并没有访问我的js文件。。所以无论发什么都是能通过验证的。。。。能给我说一下吗？真是太感谢你了ORZ

Answer 3

var username=document.getElementByI("username").value
var username=document.getElementById("username").value
这两句差一个字母'd'

追问

额。。这个是我贴上来的时候漏了。。源程序是写了‘d’的。。并不知道我的程序有没有其他问题

Answer 4

html元素的内容不一定是value就能拿到的，试试textContent
提交回答

追问

似乎还是不行。。。会不会有其他问题呢？

Answer 5

应该改成username == ""