Twitter引导表单.如何捕获表单中输入的值
Twitter Bootstrap Form. How do I capture values entered in the form?
我是一个Twitter Bootstrap新手,我不得不潜入深端一点。我有一个项目,我有一个窗体嵌入模态。表单用于将值传递给JS对象。根本不涉及服务器。
的形式:http://getbootstrap.com/css/?形式
模态:http://getbootstrap.com/javascript/情态动词
我有几个问题:
- 当我按"提交"时,如何以及在哪里捕获/存储表单中的值? 如何将这些值传递回我的JS对象
注意:我一直在跟上自定义数据属性的速度。他们在这里发挥作用吗?
更新下面是我使用的表单代码:
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="inputFilterMinimum" class="col-sm-2 control-label">Minimun</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputFilterMinimum_TRACK_LABEL" placeholder="Minimum">
</div>
</div>
<div class="form-group">
<label for="inputFilterMaximum" class="col-sm-2 control-label">Maximum</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputFilterMaximum_TRACK_LABEL" placeholder="Maximum">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Apply</button>
</div>
</div>
</form>
所以这个想法是我想传达最小值和最大值到一个JS对象,我已经实现当我按下"应用"按钮
您可以在模态的末尾捕获变量并以任何您想要的方式使用它们。这是使用jQuery UI的dialog
函数:
$( "#MyDialog" ).dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"Save": function() {
$('#name').val($('#firstname').val() + " " + $('#lastname').val());
$( this ).dialog( "close" );
},
"Cancel": function() {
$( this ).dialog( "close" );
}
},
close: function() {
//do what you want with the values here
$('#firstname').val("");
$('#lastname').val("");
}
});
$( "#name" ).click(function() { $( "#MyDialog" ).dialog( "open" ); });
});
JSFiddle示例
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何在submit to sightly时将表单输入值作为参数传递给WCMUsePojo
- 单击鼠标,用MySQL数据填充html表单输入字段
- 从HTML表单发布blob的表单输入类型是什么
- 在不使用PHP的情况下将表单输入值获取到Javascript中
- 在Chrome中重新加载页面后清除表单输入值
- CasperJS填充表单-输入名称有方括号
- 表单输入字段随着溢出的文本而增长
- Highcharts:根据表单输入动态显示数据
- 如何在为表单输入分别处理$(this)和$时编写DRY代码
- 如何从AngularJS表单输入中生成一个永久变量
- 将表单输入保存到txt,弹出结果,不更改页面
- 在表单输入字段中创建默认值
- 如何根据提交表单时下拉框中的值禁用html表单输入框
- 使用jQuery延迟表单输入,并在延迟后在同一页面上显示结果
- Jquery无法找到给定表单id的表单输入
- 如何使用javascript验证在表单输入中避免负值、浮点值和十进制值
- 对表单输入执行计算
- Javascript 重复表单输入
- 使用 JavaScript 计算并添加表单输入的值