87,994
社区成员
发帖
与我相关
我的任务
分享JavaScript实时验证表单
搞的火死了，另外单独测试JS的时候是可行的，但是下面的代码却没反应，焦点改变后，IE下面的状态栏显示“网页有错误”
各位高手帮帮忙吧
/*************************************************register.php***********************************************/
各位高手帮帮忙吧
/*************************************************register.php***********************************************/
<?php
$_SESSION['admin']=false;
session_start();
if(isset($_SESSION['admin'])&&$_SESSION['admin']==true){
echo '<SCRIPT LANGUAGE="javascript">';
echo "location.href='index.php'";
echo '</SCRIPT>';
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/index_style.css" type="text/css">
<title>GameShop</title>
<script type="text/javascript">
/*验证账号*/
function chkAccount(){
var val=document.getElementsById("account").value;
if(val=""){
document.getElementById("alert_account").innerHTML="账号不能为空";
document.getElementById("alert_account").focus();
return false;
}
else{
document.getElementById("alert_account").innerHTML="";
return true;
}
}
/*验证密码*/
function chkPwd(){
var val=document.getElementsById("pwd").value;
if(val=""){
document.getElementById("pwd").innerHTML="密码不能为空";
document.getElementById("pwd").focus();
return false;
}
else{
document.getElementById("pwd").innerHTML="密码输入正确";
return true;
}
}
/*验证密码重复*/
function chkrePwd(){
var reval=document.getElementsById("repwd").value;
var val=document.getElementsById("pwd").value;
if(reval=""){
document.getElementById("repwd").innerHTML="密码不能为空";
document.getElementById("repwd").focus();
return false;
}
else if(reval!=val){
document.getElementById("repwd").innerHTML="密码输入不同";
document.getElementById("pwd").innerHTML="密码输入不同";
document.getElementById("pwd").focus();
return false;
}
else{
document.getElementById("repwd").innerHTML="两次相同";
return true;
}
}
/*验证姓名*/
function chkName(){
var val=document.getElementsById("name").value;
if(val=""){
document.getElementById("name").innerHTML="密码不能为空";
document.getElementById("name").focus();
return false;
}
else{
document.getElementById("name").innerHTML="姓名输入正确";
return true;
}
}
/*验证邮箱*/
function chkEmail(){
var val=document.getElementsById("email").value;
var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
if(val=""){
document.getElementById("email").innerHTML="邮箱不能为空";
document.getElementById("email").focus();
return false;
}
else if(!reg.test(val)){
document.getElementById("email").innerHTML="邮箱格式错误";
return false;
}
else{
document.getElementById("email").innerHTML="邮箱输入正确";
return true;
}
}
/*验证地址*/
function chkAddress(){
var val=document.getElementsById("address").value;
if(val=""){
document.getElementById("address").innerHTML="地址不能为空";
document.getElementById("address").focus();
return false;
}
else{
document.getElementById("address").innerHTML="地址输入正确";
return true;
}
}
/*验证账号*/
function chkPhone(){
var val=document.getElementsById("phone").value;
var tel=/^([0-9]|[\-])+$/g;
if(val=""){
document.getElementById("phone").innerHTML="电话不能为空";
document.getElementById("phone").focus();
return false;
}
else if(!tel.test(val)){
document.getElementById("phone").innerHTML="电话格式错误";
document.getElementById("phone").focus();
return false;
}
else{
document.getElementById("phone").innerHTML="电话输入正确";
return true;
}
}
</script>
</head>
<body>
<div id="container">
<div id="header">
<?php
include ("include/header.php");
?>
</div>
<div id="comment-register">
<div class="bar1"></div>
<div class="bar3">
<div class="register-left">
<form action="register_check.php" method="post" name="form">
<div class="attribute account">
<label for="account">账号</label><br/>
<input id="account" name="account" size="30" type="text" onblur="return chkAccount()"/>
<label id="alert_account"></label>
</div>
<div class="password">
<div class="attribute password">
<label for="password">密码</label><br/>
<input id="pwd" name="pwd" size="30" type="password" onblur="return chkPwd()"/>
<label id="alert_pwd"></label>
</div>
<div class="password_confirmation">
<label for="repwd">重复密码</label><br/>
<input id="repwd" name="repwd" size="30" type="password" onblur="return chkrePwd()"/>
<label id="alert_repwd"></label>
</div>
</div>
<div class="name">
<label for="name">真实姓名</label><br/>
<input id="name" name="name" size="30" type="text" onblur="return chkName()"/>
<label id="alert_name"></label>
</div>
<div class="attribute email">
<label for="email">邮箱</label><br/>
<input id="email" name="email" size="30" type="text" onblur="return chkEmail()"/>
<label id="alert_email"></label>
</div>
<div class="address">
<label for="address">地址</label><br/>
<input id="address" name="address" size="40" type="text" onblur="return chkAddress()"/>
<label id="alert_address"></label>
</div>
<div class="phone">
<label for="phone">联系电话</label><br/>
<input id="phone" name="phone" size="15" type="text" onblur="return chkPhone()"/>
<label id="alert_tel"></label>
</div>
<div class="submit">
<button type="submit" title="Register">注册</button>
</div>
</form>
</div>
<div class="register-right">
<h2>What benefits lie beyond signup</h2>
<ul>
<li>Ability to suggest new 14tracks selections.</li>
<li>Opportunity to win free selections.</li>
<li>Don't have to fill in that annoying <em>"prove you're human"</em>thingy.</li>
</ul>
</div>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
liu_moyan 2009-11-30
- 打赏
- 举报
还是按照上面的所说的把明显的错误改好了 再看看有没有其他错误吧
zhaobin5200 2009-11-30
- 打赏
- 举报
到处都是错误！
friendly_ 2009-11-29
- 打赏
- 举报
没细看，但看到一个多处出现的明显的错误if(val="") 应该是if(val=="")
crazylaa 2009-11-29
- 打赏
- 举报
好长，只看到了跟1楼一样得地方～～～
