form表单调用javascript函数失败
3 回答
动漫人物
TA贡献1815条经验 获得超10个赞
可以啦
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>注册</title>
<script type="text/javascript">
function checkform(name){
if(name.username.value.length==0){
alert("用户名不能为空");
return false;
}
var userNameChe=/^[_0-9a-zA-Z]{1,12}$/;
if(name.username.value!=""){
if(!userNameChe.test(name.username.value)){
alert("用户名格式不正确");
return false;
}
}
var pwdChe=/^[_0-9a-zA-Z]{6,12}$/;
if(name.pass1.value!=""){
if(!pwdChe.test(name.pass1.value)){
alert("密码格式不正确");
return false;
}
}
if(name.pass1.value!=name.pass2.value){
alert("2次密码不一致");
return false;
}
var emChe= /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!emChe.test(name.email.value)){
alert("Email格式不正确");
return false;
}
}
</script>
</head>
<body><center><table border=2 width=500>
<p> </p>
<form name="TheForm" method="post" action="1111.html" id="f1" onSubmit="return checkform(this);">
<tr><td colspan=2>请输入您的信息：
<tr><td>用户名：
<td><input type="text" name="username">
*1-12字符，只允许英文与数字
<tr><td>真实姓名：
<td><input type="text" name="realname">
*请输入真实姓名
<tr><td>密码：
<td><input type="password" name="pass1">
*6-12字符，只允许英文与数字
<tr><td>确认密码：
<td><input type="password" name="pass2">
*2次密码需一致
<tr><td>电子邮箱：
<td><input type="text" name="email">
*请输入正确邮箱格式 例如（asdf@163.com）
<tr><td>性别：
<td><input name="sex" type="radio" value="男" checked>
男
<input type="radio" name="sex" value="女">
女
<tr><td>出生日期：
<td><input type="text" name="date">
请输入正确日期格式 如1980-5-16
<tr><td>兴趣爱好：
<td><input type="text" name="favourite"> （如：花卉，动物）
<tr><td>手机号码：
<td><input type="text" name="phone">
<tr><td>简历：<td>
<textarea name="jl" cols=40 rows=5>
</textarea>
<tr><td colspan=2>
<input type="submit" name="send" value="注册" />
<input type="reset" name="Submit2" value="重置" />
</form>
</table><br>
<a href=uploadimage.jsp>上传照片</a>
</center>
</body>
</html>
Helenr
TA贡献1780条经验 获得超3个赞
一函数调用放置错了
应该这个写
<form name="form1" method="post" action="add.jsp" id="f1">
改为
<form name="form1" method="post" action="add.jsp" id="f1" onSubmit="return checkform()">
=============
<input type="submit" id="B1" value="注册" onClick="checkform()">
这个不需要执行函数
<input type="submit" id="B1" value="注册" >
好了
问题解决
慕森王
TA贡献1777条经验 获得超3个赞
首先一个大问题：
你的代码就写的不对：
alter("用户名不能为空");
你把所有的alter()都改成alert()，这个错误可不怎么高级。
接下来你这样改一下：
把：<input type="submit" id="B1" value="注册" onClick="checkform()">
改成：
<input type="submit" id="B1" value="注册" onclick="return checkform()">
这样应该就行了。
我试了试你的那个判断邮箱输入是否正确的JS代码，好象也有问题。
至于其它什么问题我倒是还没细看，应该都是思路和正责表达示的问题了，自己应该能解决了。
- 3 回答
- 0 关注
- 1025 浏览
添加回答
举报
0/150
提交
取消