首页 > 代码库 > 用js控制没有名字的表单 进行提交
用js控制没有名字的表单 进行提交
在BS前台设计中,某些地方提交表单是非常方便的。
但是表单的也是有很多中形式的。
表单的创建形式:
1、用<form></form>进行创建
2、直接设置表单的属性创建一个没有名字的表单
1、对于有名字的表单,可以直接写js事件进行提交
//设置表单提交方式 $('#importMethod').form({ url: "/QuestionType/FuzzyQueryQuestionType", onSubmit: function () { //进行表单验证 //如果返回false阻止提交 }, success: function (data) { //var jsondata = http://www.mamicode.com/JSON.parse(data); //必须转换成json对象,否则异常! rows is undefined>
使用js提交表单,可以对提交进行很多的设置。
2、对于第二种方式,表单form是没有写name属性的。所以是不能使用js进行操作的
这种方式,一般会在表单中的某个按钮添加一个属性,type="submit"点击这个按钮提交表单
如图:
如图所示,这样提交表单的按钮 只能是一个 Button。对于使用其他 按钮的来说,这种按钮非常的不搭调。
为了解决这种按钮的存在,可以尝试把按钮事件转移:
即创建一个其他按钮,去用js控制button按钮的事件。(将button按钮隐藏)
@*表单中的button提交表单按钮*@<input id="btnImport" type="submit" value=http://www.mamicode.com/"导入" style="display: none; width: 60px; height: 28px; margin-left: 15%" />>
效果图:
一个简单的拼凑,对没有名称的表单进行简单控制。
在对前台设计样式的时候,很多的地方。不管怎么设置都看不出效果。加一点看似多余的代码。偶尔也会解决一些问题。
用js控制没有名字的表单 进行提交
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。