js 提交表单到后台示例
2016-11-17 13:38
417 查看
方式一:
$(function(){
$("#btn1").click(function(){
$("#registerform").submit();
});
});
方式二:
$(function(){
$("#button").click(function(){
var form=$("#registerform");
form.prop("action","http://localhost:8080/ssmy/CreditController/intiqu.do");
form.submit();
});
document.itemsForm.action="${pageContext.request.contextPath }/items/deleteItems.action";
document.itemsForm.submit();
方式三:
$(function(){
$("#button").click(function(){
document.registerform.action="http://localhost:8080/ssmy/CreditController/intiqu.do";
document.registerform.submit();
});
function selectAll(){
if ($("#SelectAll").is(":checked")) {
$(":checkbox").prop("checked", true);//所有选择框都选中
} else {
$(":checkbox").prop("checked", false);
}
}
$(function(){
$("#deleteuser").click(function(){
//判断至少写了一项
var checkedNum = $("input[name='creditIdbox']:checked").length;
if(checkedNum==0){
alert("请至少选择一项!");
return false;
}
var form=$("#registerform");
form.prop("action","http://localhost:8080/ssmy/CreditController/deleteuser.do");
form.submit();
});
});
<form id="registerform" name =''registerform'' action="http://localhost:8080/ssmy/CreditController/createUser.do"
method="post">
<table class="main" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="../images/top.gif"/></td>
</tr>
<tr>
<td class="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="left"><img src="../images/pic001.gif" /></td>
<td class="red"><img src="../images/pic002.gif" style="vertical-align:bottom;"/> 欢迎您申请 SOHO联名信用卡 </td>
</tr>
<tr>
<td class="left">登录名:</td>
<td><input id="loginName" name="loginName" type="text" class="inputs" /><div id="login_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">登录密码:</td>
<td><input id="pwd" type="password" name="loginPwd" class="inputs" /><div id="pwd_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">确认密码:</td>
<td><input id="repwd" type="password" name="againPwd" class="inputs" /><div id="repwd_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">身份证号码:</td>
<td><input id="mycard" type="text" name="IDCard" class="inputs" /><div id="mycard_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">固定电话:</td>
<td><input id="photo" type="text" name="fixedTelephoneNumber" class="inputs" onblur="checkPhoto()" /><div id="photo_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">手机号码:</td>
<td><input id="mobile" type="text" name="telephoneNumber" class="inputs" /><div id="mobile_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">电子邮件:</td>
<td><input id="email" type="text" name="email" class="inputs" onblur="checkEmail()" /><div id="email_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">现居住地:</td>
<td> <select id="selProvince" name="address" onchange="changeCity( )" style="width:100px">
<option>--选择省份--</option>
</select>
<select id="selCity" style="width:100px">
<option>--选择城市--</option></select></td>
</tr>
<tr>
<td class="left"> </td>
<td><input id="btn1" type="button" value="提交" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="../images/bottom.jpg"/></td>
</tr>
</table>
</form>
@RequestMapping(value="/intiqu",method=RequestMethod.POST)
//@ResponseBody
public String intiquery(CreditVO creditVO,Model model){
System.out.println(creditVO);
creditVO.setLoginName("sans");
List<Credit> list=creditService.queryUserInfo(creditVO);
model.addAttribute("creditVOList", list);
model.addAttribute("status", creditVO.getStatus());
return "queryregister";
}
$(function(){
$("#btn1").click(function(){
$("#registerform").submit();
});
});
方式二:
$(function(){
$("#button").click(function(){
var form=$("#registerform");
form.prop("action","http://localhost:8080/ssmy/CreditController/intiqu.do");
form.submit();
});
document.itemsForm.action="${pageContext.request.contextPath }/items/deleteItems.action";
document.itemsForm.submit();
方式三:
$(function(){
$("#button").click(function(){
document.registerform.action="http://localhost:8080/ssmy/CreditController/intiqu.do";
document.registerform.submit();
});
function selectAll(){
if ($("#SelectAll").is(":checked")) {
$(":checkbox").prop("checked", true);//所有选择框都选中
} else {
$(":checkbox").prop("checked", false);
}
}
$(function(){
$("#deleteuser").click(function(){
//判断至少写了一项
var checkedNum = $("input[name='creditIdbox']:checked").length;
if(checkedNum==0){
alert("请至少选择一项!");
return false;
}
var form=$("#registerform");
form.prop("action","http://localhost:8080/ssmy/CreditController/deleteuser.do");
form.submit();
});
});
<form id="registerform" name =''registerform'' action="http://localhost:8080/ssmy/CreditController/createUser.do"
method="post">
<table class="main" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="../images/top.gif"/></td>
</tr>
<tr>
<td class="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="left"><img src="../images/pic001.gif" /></td>
<td class="red"><img src="../images/pic002.gif" style="vertical-align:bottom;"/> 欢迎您申请 SOHO联名信用卡 </td>
</tr>
<tr>
<td class="left">登录名:</td>
<td><input id="loginName" name="loginName" type="text" class="inputs" /><div id="login_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">登录密码:</td>
<td><input id="pwd" type="password" name="loginPwd" class="inputs" /><div id="pwd_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">确认密码:</td>
<td><input id="repwd" type="password" name="againPwd" class="inputs" /><div id="repwd_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">身份证号码:</td>
<td><input id="mycard" type="text" name="IDCard" class="inputs" /><div id="mycard_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">固定电话:</td>
<td><input id="photo" type="text" name="fixedTelephoneNumber" class="inputs" onblur="checkPhoto()" /><div id="photo_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">手机号码:</td>
<td><input id="mobile" type="text" name="telephoneNumber" class="inputs" /><div id="mobile_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">电子邮件:</td>
<td><input id="email" type="text" name="email" class="inputs" onblur="checkEmail()" /><div id="email_prompt" class="prompt"></div></td>
</tr>
<tr>
<td class="left">现居住地:</td>
<td> <select id="selProvince" name="address" onchange="changeCity( )" style="width:100px">
<option>--选择省份--</option>
</select>
<select id="selCity" style="width:100px">
<option>--选择城市--</option></select></td>
</tr>
<tr>
<td class="left"> </td>
<td><input id="btn1" type="button" value="提交" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="../images/bottom.jpg"/></td>
</tr>
</table>
</form>
@RequestMapping(value="/intiqu",method=RequestMethod.POST)
//@ResponseBody
public String intiquery(CreditVO creditVO,Model model){
System.out.println(creditVO);
creditVO.setLoginName("sans");
List<Credit> list=creditService.queryUserInfo(creditVO);
model.addAttribute("creditVOList", list);
model.addAttribute("status", creditVO.getStatus());
return "queryregister";
}
相关文章推荐
- xhedit用js提交表单后台接收不到值
- form表单提交 java后台回调 js
- js 判断文件类型并控制表单提交示例代码
- 使用jquery.form.js实现form表单无刷新提交简单示例
- js禁止回车提交表单的示例代码
- 使用jquery-form.js,直接提交表单至后台(springmvc)
- js提交表单到后台,中文乱码问题。
- js同时提交多个Form表单数据至后台的拼装处理
- js 判断文件类型并控制表单提交示例代码
- JS创建表单提交后台设置请求方式
- 使用jquery.form.js实现form表单无刷新提交简单示例
- jQuery使用ajaxSubmit()提交表单示例==引入jquery.form.js插件(专门提交表单)
- 通过 JS 实现与后台进行连接,提交表单,将获取到的数据pos给服务器。
- wxapp后台表单js简略总结示例(点击下拉框的一些改变)
- angularjs $http实现form表单提交示例
- SpringMVC架构下form表单无法从JS里提交参数到后台,且后台无反应
- jquery提交表单mvc3后台处理示例
- jquery提交表单mvc3后台处理示例
- js动态添加div 用于java后台的form表单的提交
- js禁止回车提交表单的示例代码