关于jQuery提交表单的最基础的问题
我想提交一个表单，不知道怎么写。网上的各种写法都不能实现。<head></head><body><form></form></body>我想知道这中间都要写些什么谢谢，在...
我想提交一个表单，不知道怎么写。网上的各种写法都不能实现。
<head>
</head>
<body>
<form>
</form>
</body>
我想知道 这中间都要写些什么 谢谢，在线等
提交到后台 展开
<head>
</head>
<body>
<form>
</form>
</body>
我想知道 这中间都要写些什么 谢谢，在线等
提交到后台 展开
4个回答
展开全部
我做的 注意jquery路径 版本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Test for jQuery</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" type="text/javascript" src="jquery-1.3.1.js"></script>
<style type="text/css">
<!--
#box {
height: 300px;
width: 300px;
border: 1px solid #0099FF;
margin-right: auto;
margin-left: auto;
}
#title {
height: 30px;
width: 100%;
line-height: 30px;
font-size: 14px;
text-indent: 10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #0099FF;
}
#main {
height: 100%;
width: 100%;
line-height: 40px;
font-size: 12px;
text-align: center;
}
.input {
border: 1px solid #0099FF;
height: 30px;
width: 150px;
text-indent: 5px;
vertical-align: middle;
line-height: 30px;
}
#loading {
display:none;
height: 100%;
width: 100%;
vertical-align: middle;
}
-->
</style>
<script type="text/javascript">
$(function(){
$('#send').click(function(){
$('#loading').show();
$('#main').hide();
$.ajax({
type : "POST",
url : "test.php",
data: {name:$("#name").val(),pwd:$("#pwd").val()},
error : function(){alert("加载错误")},
success : function(data) {
$('#loading').hide();
$('#show').show();
$("#show").html(data);
}
});
});
})
</script>
<HEAD>
<BODY>
<div id="box">
<div id="title">用户登录窗口</div>
<div id="loading"><img height="30" width="30" src="load.gif">正在登录...</div>
<div id="show" style="display:none; line-height:30px;"></div>
<div id="main">
请输入您的账号和密码，并点击登录。<br>
<form name="form1" method="post">
<label>账号：
<input type="text" name="name" class="input" id="name">
</label>
*必须输入
<p>
<label>密码：
<input type="password" name="pwd" class="input" id="pwd">
</label>
*必须输入</p>
<p>
<label>
<input type="button" name="Submit" id="send" value="登录">
</label>
<label>
<input type="reset" name="Submit2" id="re" value="重写">
</label>
</p>
</form>
</div>
</div>
</BODY>
</HTML>
参考资料是演示网址 十天内有效 呵呵 以后我就删除了 账号密码 都admin
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Test for jQuery</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" type="text/javascript" src="jquery-1.3.1.js"></script>
<style type="text/css">
<!--
#box {
height: 300px;
width: 300px;
border: 1px solid #0099FF;
margin-right: auto;
margin-left: auto;
}
#title {
height: 30px;
width: 100%;
line-height: 30px;
font-size: 14px;
text-indent: 10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #0099FF;
}
#main {
height: 100%;
width: 100%;
line-height: 40px;
font-size: 12px;
text-align: center;
}
.input {
border: 1px solid #0099FF;
height: 30px;
width: 150px;
text-indent: 5px;
vertical-align: middle;
line-height: 30px;
}
#loading {
display:none;
height: 100%;
width: 100%;
vertical-align: middle;
}
-->
</style>
<script type="text/javascript">
$(function(){
$('#send').click(function(){
$('#loading').show();
$('#main').hide();
$.ajax({
type : "POST",
url : "test.php",
data: {name:$("#name").val(),pwd:$("#pwd").val()},
error : function(){alert("加载错误")},
success : function(data) {
$('#loading').hide();
$('#show').show();
$("#show").html(data);
}
});
});
})
</script>
<HEAD>
<BODY>
<div id="box">
<div id="title">用户登录窗口</div>
<div id="loading"><img height="30" width="30" src="load.gif">正在登录...</div>
<div id="show" style="display:none; line-height:30px;"></div>
<div id="main">
请输入您的账号和密码，并点击登录。<br>
<form name="form1" method="post">
<label>账号：
<input type="text" name="name" class="input" id="name">
</label>
*必须输入
<p>
<label>密码：
<input type="password" name="pwd" class="input" id="pwd">
</label>
*必须输入</p>
<p>
<label>
<input type="button" name="Submit" id="send" value="登录">
</label>
<label>
<input type="reset" name="Submit2" id="re" value="重写">
</label>
</p>
</form>
</div>
</div>
</BODY>
</HTML>
参考资料是演示网址 十天内有效 呵呵 以后我就删除了 账号密码 都admin
参考资料： http://www.gs33.com/06/test.html
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<form action="/tiy/v.php" method="post">
<input name="name" type="text" value="" />
<input name="value" type="text" value="" />
<input name="submit" type="submit" value="提交" />
</form>
你是指这样的东西吗?还是指如何用JQUERY 提交表单去后台?
<input name="name" type="text" value="" />
<input name="value" type="text" value="" />
<input name="submit" type="submit" value="提交" />
</form>
你是指这样的东西吗?还是指如何用JQUERY 提交表单去后台?
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
提交表单？ 用javascript
document.myFormName.submit(); 就可以了
document.myFormName.submit(); 就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
关注
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
