HTML 表单提交没反应
我在一个表格<table>中的一个<td>中设置了一个表单，表单用post方法提交给另外一个php文件处理，同时这个表格以浮动帧的方式嵌入到一个网页中。现在我点击表单中的...
我在一个表格<table>中的一个<td>中设置了一个表单，表单用post方法提交给另外一个php文件处理，同时这个表格以浮动帧的方式嵌入到一个网页中。现在我点击表单中的提交按钮（<input type="submit" name="submit1" value="保存" style="font-size:15px"/>），浏览器页面还停留在当前页面，没有跳转到目标网页。是不是在<td>中不能设置表单呀？我该怎么做才可以让网页跳转过去？
展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<style>
*{
margin:0;
outline:none;
}
.wrap{
margin:auto;
width:500px;
height:450px;
background-color:white;
border:1px solid gray;
border-radius:5px;
}
table{
width:100%;
border-collapse:collapse;
font:normal 13px '微软雅黑';
}
caption{
font-size:20px;
color:rgb(158, 99, 99);
padding:12px;
}
td input[type=text]{
border:1px solid rgb(46, 128, 216);
border-radius:5px;
width:80%;
height:25px;
}
tr{
line-height:50px;
}
td textarea{
resize:none;
width:80%;
height:100px;
border:1px solid rgb(46, 128, 216);
border-radius:5px;
}
tr td:first-child{
text-align:right;
}
td input[type=submit],
td input[type=reset]{
background-color:rgb(52, 114, 143);
color:white;
border:0;
width:75px;
height:25px;
border-radius:5px;
cursor:pointer;
margin:10px;
}
</style>
<script>
var ck = function(form){
var reg = /^\s+|\s+$/g;
if(form.zt.value.replace(reg, "") == ""){
alert("请输入主题");
form.zt.focus();
return false;
}else if(form.xq.value.replace(reg, "") == ""){
alert("请输入详细需求");
form.xq.focus();
return false;
}else if(form.sqr.value.replace(reg, "") == ""){
alert("输入申请人");
form.sqr.focus();
return false;
}else if(!/^1([38]\d|4[57]|5[0-35-9]|7[06-8])\d{8}$/.test(form.tel.value.replace(reg, ""))){
alert("联系电话不符规格");
form.tel.focus();
form.tel.select();
return false;
}else if(form.num.value.replace(reg, "") == ""){
alert("输入QQ/微信号");
form.num.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form class="wrap" onsubmit="return ck(this)">
<table>
<caption>
定制申请
</caption>
<tr>
<td>
*主题:
</td>
<td>
<input type="text" name="zt" />
</td>
</tr>
<tr>
<td style="vertical-align:top;">
*详细需求:
</td>
<td>
<textarea name="xq"></textarea>
</td>
</tr>
<tr>
<td>
*申请人:
</td>
<td>
<input type="text" name="sqr" />
</td>
</tr>
<tr>
<td>
*联系电话:
</td>
<td>
<input type="text" name="tel" />
</td>
</tr>
<tr>
<td>
*QQ/微信号:
</td>
<td>
<input type="text" name="num" />
</td>
</tr>
<tr>
<td colspan=2 style="text-align:center;">
<input type="submit" value="提交" />
<input type="reset" value="重填" />
</td>
</tr>
</table>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
