⑴ html前端复选框多类多个复选框提交怎么封装选中的数据,提交到后台,我后端是php
首先你得有个form表单,还得有个提交按钮吧,form里面有个属性是action=“你要提交的php处理页面” method=“post” ,php处理页面用$_POST['提交的name'] 如'menuMole',既然是复选框,他的name的值肯定是不一样的
⑵ 移动web前端如何实现点击编辑后,弹出复选框,勾选后再次点击取消勾选并且可以表单提交数据给后台
搭建一个后台 一个数据库 在一个前台 在页面判断是否为真,为真了,然后把前台页面数据交给后台添加到数据库,他然后在后台判断是否添加成功,成功回馈页面一个信息 购买成功添加成功之,反之失败
⑶ web前端,输入选择框选中状态下的css样式如何改
CSS可以完成这个效果,但需要高版本的浏览器支持,兼容性不是特别好。
使用的代码就是 input:hover 或者 input:focus 这两个语法就可以。
⑷ 前端代码使用 提交表单数据,怎么提交
⑸ 关于form表单 单选框 input type=radio 选中提交的问题
$(document).ready(function(){
$("#search_button").click(function(){
var a =$(":radio[name="check"]:checked").val(); //获取选中的值
if(a == "site"){
ajax_search(); //调用第一个函数
}else{
bottomForm(); //调用第二个函数
}
});
});
⑹ 前端表单提交怎样 做出 兴趣 限制选项
很常见的业务场景,就是前端一个表单,submit给后台,在web.form时代,有from的runat="server"配合submit自动会提交给服务端,然后服务端解析Request装填对象。如果要是异步提交的话,就麻烦点,from表单不会自动把你的所有value传给后台,于是就一个一个获取value值,通过json对象异步提交给后台,然后再由后台一个一个解析,再封装给对象。
$.post("Handler1.ashx",{Name:$("#txtName").val(),Age:$("#txtAge").val()},function(res)
{...})
很庆幸的是上面只有2个参数,如果需要提交有10多个参数的话,用这种方法相信大家都有手疼的感觉。
幸亏在jquery上有serializeArray方法,可以不关心表单内容,只要有name属性,就会直接匹配value或者test值,生成一个json对象。如下:
<formid="createStudent_form"runat="server">
<table>
<tr><td>Name:</td><td><inputtype="text"name="Name"/></td></tr>
<tr><td>Address:</td><td><inputtype="text"name="Address"/></td></tr>
<tr><td>Sex:</td><td>男<inputtype="radio"name="Sex"value="1"/>女<inputtype="radio"name="Sex"value="0"/></td></tr>
<tr><td>Remark:</td><td><textareaname="Remark"></textarea></td></tr>
<tr><td><inputtype="button"value="submit"id="submit_btn"/></td></tr>
</table>
</form>
<scriptsrc="Scripts/jquery-1.10.2.min.js"></script>
<script>
$(function(){
$("#submit_btn").click(function(){
varjson=$("#createStudent_form").serializeArray();
console.log(JSON.stringify(json));
});
})
</script>
点击提交表单,打印出来的结果是:
结果
一看是个json对象数组,除了第一个是webForm独有的shit东西以外,其他大家一眼可以看出来是name,value两个键值对相匹配。这与我们想要得到的格式{name:value}还不太一致,当然jquery做到这一步已经不错了(其实内部实现原理也不难,拿到表单一一遍历组成Json),剩下的就需要咱们自己扩展了。简单改造如下:
serializeJson
通过上面的方法就得到了咱们想要的结果集了,但是这只是最基本的扩展,你可以继续深化比如支持相同内容的多个表单提交,支持相同name的多选框等等。
咱们异步提交给后端看看:
异步提交com?
相信到了这一步后,用过Mvc的小伙伴们看了一下子就兴奋起来了,因为Action会自动转化类型,只要你在后台定义过一个StudentModel对象,其参数和name一致,然后不用关系Requset就可以直接拿到了对象的值,这简直是爽呆了,几乎是太简单了。如下:
自定义实体转化
希望能多少给你点帮助。
最后再反向操作下,给了Json对象,如何自动把值赋给表单中的元素:
数据源:
publicActionResultIndex()
{
returnView();
}
publicActionResultLoadAll()
{
List<Test>list=newList<Test>();
Testtest1=newTest(){
Id=1,
Name="xxx",
Title="xxx",IsCheck=false,
ClassId=1
};
list.Add(test1);
returnJson(list);
}
}
publicclassTest
{
publicintId{get;set;}
publicstringName{get;set;}
publicstringTitle{get;set;}
publicboolIsCheck{get;set;}
publicintClassId{get;set;}
}
前端:
<script>
$(function(){
load();
})
functionsyncJsonTofrom($form,entity)
{
for(varkeyinentity){
var$control=$form.find("[name="+key+"]");
if($control){
if($controlwww.66298899.com?attr("type")=="checkbox"&&entity[key]){
$control.attr("checked",true);
}
$control.val(entity[key]);
}
}
}
functionload(){
$.post("/Test/LoadAll",function(res){
varentity=res[0];
syncJsonTofrom($("#frm"),entity);
})
}
</script>
<formid="frm">
ID:
<inputtype="text"name="Id"/>
NAme:
<inputtype="text"name="Name"/>
Title
<inputtype="text"name="Title"/>
Ischeck<inputtype="checkbox"name="IsCheck"/>
class
<selectname="ClassId">
<optionvalue="0">xxx</option>
<optionvalue="1">222
</option>
<optionvalue="2">222333
</option>
</select>
</form>
⑺ JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
先上三张效果图:
这些功能在Java
Web开发中可能是经常需要的,虽然很简单却使很实用的功能,这里记录下以免忘记。
1.
先说表单提交前验证:后台经常用到(这里是提交后统一验证,及时验证请参考我另一篇文章
http://blog.csdn.net/jianzhonghao/article/details/52503431)
1.1
通过submit
按钮提交后
会根据form的属性action=“路径”来跳转到相应的路径,这时,给form添加一个
onsubmit
=”return
check()”
属性,
check()使我们要写的验证函数,如下图:
<form
action="路径"
onsubmit="return
check()"
method="POST">
1.2
check()函数如下(验证姓名是否填写
与
单选框性别是否选中)
$(‘#notice')
的话,随便写个div加个id属性就好了
<script
type="text/javascript">
function
check(){
var
name
=
$('#name').val().trim();
var
gender=$('input:radio[name="gender"]:checked').val();
if(!name){
$('#notice').text('客服名称不能为空!').show();
return
false;
}else
if(!gender){
$('#notice').text('请选择客服性别!').show();
return
false;
}
else{
return
true;
}
}
</script>
<div
id="notice"
style="font-size:
30px;color:red;margin-top:
15px;"
></div>
1.3最后说一下删除时,确认是否删除的问题
<input
type="image"
src="删除图标的路径"
title="删除"
onclick="{if(confirm('确定删除吗?')){javascript:document:delfrom_${ServerInfo.id
};return
true;}return
false;}">
分开写实际就是
if(confirm('确定删除吗?')){
{javascript:document:delfrom_${ServerInfo.id
};
return
true;
}
return
false;
以上所述是小编给大家介绍的JQuery
form表单提交前验证单选框是否选中、删除记录时验证经验总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
⑻ WEB前台内容,一个form表单中三个提交按钮如果判断.
第一:按钮提交form必须使用javascript,如果你在js中没有改变这个form的action属性,而且你这三个按钮都是提交的你写的这个form,那这三个按钮当然全是提交到那一个action中。怎么用按钮提交form相信你也会了吧。用submit提交,都是提交到action属性写的那个action,也是同一个action.
第二:一般的思路都是在提交每个按钮的时候,附加一个不同的标识符来区分是那个按钮提交的, 通过判断标识符,就可以对应不同的逻辑。
例如:可以在form当中增加一个隐藏域,点击不同按钮的时候,给隐藏域赋不同的值,然后在action中接送隐藏域的值,判断值,就可以知道是哪个按钮提交的,然后就可以对应相应的逻辑了。
<input type="hidden" name="hidden1" id="hidden1"/>
function examine(type){
document.getElementById("hidden1").value=type;
if(confirm("确定?")){
document.form.submit(); //form指你要提交的那个form的id,name属性。
}
<input type="button" name="sure" value="确认" onclick="examine('1')"/>
<input type="button" name="update" value="修改" onclick="examine('2')">
<input type="button" name="delete" value="删除" onclick="examine('3')">
在action中接收type的值就可以知道是确认,修改还是删除了。
⑼ java web 的表单提交与传值
你贴的代码没有错,但你的数据类型转化错的,应该是在你别的类上,。你到InsertoneAction调用的JAVABEAN里去找找,有没有像这样转化为整型的的:如int str_ty= Integer.parseInt(str_ty);如果有那就是从那里报的错了,因为如果从面页获取的值为空字符串,那么报出的异常就是:For input string: "str_ty"。修改的时候,要判空再转化就OK了。
⑽ javaweb的jsp页面form表单提交相关问题!~~~~~~~~
很麻烦的事:
三个div,根据select选择显示
每个div中的input,你用的是同样的name属性,分别在不同的form中
提交时又不想提交其他的div中的input
解决方法一:一般也是常用做法
select
不控制div的显示,控制input的显示
input不存在重复neme的
所有元素在同一个form中
这样做,需要对页面布局修改,考虑到各种情况(切换时显示、隐藏、某些值清空等),对于页面js部分复杂,但有利于数据处理,即form提交后的数据处理
(我做的所有项目都是此中方式)
解决方法二:
1.
采用你原来的方式
2.
所有input放在一个form中
2.
在select切换div时,修改input的name属性,即把隐藏的div的那么属性修改成如id_1,把显示的改为id,切换时来回修改
这样就可以整个表单提交
目前只能提供者2个方式,都需要js操作,希望有所帮助