javascript提交表单之后老是刷新 提交前填写的内容都没了，怎么弄了，还有就是focus()为什么不能获得焦点
<html><head><title>用户注册</title><scriptlanguage="javascript">functionmyfunction(){if(f...
<html>
<head>
<title>用户注册</title>
<script language="javascript">
function myfunction(){
if (form1.username.value=="") {
alert("请输入用户名！！！")
return false;
form1.username.focus();
}
else{
return true;
}
if (form1.password1.value=="") {
alert("请输入密码！！！")
form1.password1.focus();
return false;
}
if (form1.password2.value=="") {
alert("请再次输入密码")
}
if (form1.password1.value!=form1.password2.value) {
alert("两次密码输入不一致，请核对密码")
}
}
</script>
</head>
<body>
<center>
<form name="form1" onsubmit="myfunction()">
<table align=center>
<tr><td align=right>注册用户名：</td>
<td align="left"><input type="text" name="username">
</td>
</tr>
<tr><td align="right">性别：</td>
<td align=left>男：<input type="radio"name="sex"value="man" checked>
女：<input type="radio"name="sex"value="woman">
</td>
</tr>
<tr><td align=right>邮箱：</td><td align="left"><input type="text" name="email"></td></tr>
<tr><td align="right">密码：</td><td align="left"><input type="password" name="password1"></td></tr>
<tr><td align=right>核对密码：</td><td align="left"><input type="password" name="password2"></td></tr>
</table>
<input type="reset"value="重置"><input type="submit"value="提交">
</form>
</body>
</html> 展开
<head>
<title>用户注册</title>
<script language="javascript">
function myfunction(){
if (form1.username.value=="") {
alert("请输入用户名！！！")
return false;
form1.username.focus();
}
else{
return true;
}
if (form1.password1.value=="") {
alert("请输入密码！！！")
form1.password1.focus();
return false;
}
if (form1.password2.value=="") {
alert("请再次输入密码")
}
if (form1.password1.value!=form1.password2.value) {
alert("两次密码输入不一致，请核对密码")
}
}
</script>
</head>
<body>
<center>
<form name="form1" onsubmit="myfunction()">
<table align=center>
<tr><td align=right>注册用户名：</td>
<td align="left"><input type="text" name="username">
</td>
</tr>
<tr><td align="right">性别：</td>
<td align=left>男：<input type="radio"name="sex"value="man" checked>
女：<input type="radio"name="sex"value="woman">
</td>
</tr>
<tr><td align=right>邮箱：</td><td align="left"><input type="text" name="email"></td></tr>
<tr><td align="right">密码：</td><td align="left"><input type="password" name="password1"></td></tr>
<tr><td align=right>核对密码：</td><td align="left"><input type="password" name="password2"></td></tr>
</table>
<input type="reset"value="重置"><input type="submit"value="提交">
</form>
</body>
</html> 展开
3个回答
展开全部
用ajax提交
现在这么提肯定会刷新页面
2种方法解决
第一种在form.submit()事 件里做校验 然后ajax提交
然后返回false 去掉默认提交成功刷新
第二种把 <input type="submit"value="提交"> 改成type="button"
然后用js监听点击 事 件然后ajax提交
现在这么提肯定会刷新页面
2种方法解决
第一种在form.submit()事 件里做校验 然后ajax提交
然后返回false 去掉默认提交成功刷新
第二种把 <input type="submit"value="提交"> 改成type="button"
然后用js监听点击 事 件然后ajax提交
追问
我知道我哪里出错了，不过谢谢你，回答我的问题。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function myfunction(){
var U,u=(U=form1.username).value,P,p=(P=form1.password1).value,Q,q=(Q=form1.password2).value,f=!1;
return u===""&&(alert('请输入用户名'),U.focus(),f)||p!==""||(alert('请输入密码'),P.focus(),f)||p===q||(alert('两次密码不一样'),Q.focus(),f);
}focus 在return之后，是不会执行的，password的验证也在return之后，也是不会执行的。return的含义就是不在执行，送一个结果给调用者。submit的函数返回false可以不会刷新。传统情况下，submit return true是跳转到action的页面。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//在方法之前加一句
var form1 = document.form1;
//另外
onsubmit="return myfunction()"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
