Question

验证表单，不通过则阻止提交。javascript小问题

以下代码怎么优化，希望能简洁一点。
<script language="JavaScript">
var p=window.createPopup()
var pbody=p.document.body
pbody.style.color="red"
pbody.style.border="solid black 0px"
function check_form(form) //--验证用户名
{
if(form.user.value=="")
pbody.innerHTML="×姓名不能为空"
else
pbody.innerHTML="√"
p.show(200,55,200,15,document.body)
}function check_email(form) //--验证邮件地址
{
if(form.email.value.indexOf('@', 0)==-1||form.email.value.indexOf('.', 0)==-1)
pbody.innerHTML="×邮件地址格式错误"
else
pbody.innerHTML="√"
p.show(200,80,200,15,document.body)
}function check_content(form) //--验证内容
{
if(form.content.value.length<2)
pbody.innerHTML="×不少于两个字符"
else
pbody.innerHTML="√"
p.show(200,155,200,15,document.body)
}</script>

<form action="">
姓 名：<input type="text" name="user" size="16"><br>
邮 件：<input type="text" name="email" size="16" onfocus="check_form(this.form)"><br>
内 容：<br><textarea name="content" rows="10" cols="26" onfocus="check_email(this.form)"></textarea><br>

<input type="submit" name="button1" value="提交" onFocus="check_content(this.form)">
</form>
如果验证不通过，如何阻止表单提交，有没有好方法
效果演示： http://xzzxyz.cn/javascript/form_check.htm
不用alert
你把代码放在这里测试好了贴出来吧
测试页面：http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic

Answer 1

onFocus="check_content(this.form)"
改为：
onFocus="return check_content(this.form)"

再在function check_content(form)方法中的合适位置加上如下代码：
return false;//验证不成功
return true;//验证成功

function check_content(form) //--验证内容
{
if(form.content.value.length<2)
pbody.innerHTML="×不少于两个字符"
else
pbody.innerHTML="√"
p.show(200,155,200,15,document.body)
}
改为：
function check_content(form) //--验证内容
{
if(form.content.value.length<2)
{
//pbody.innerHTML="×不少于两个字符"
return false;
}
else
{
return true;
//pbody.innerHTML="√"
}
//p.show(200,155,200,15,document.body)

}