如何自定义数据::confirm弹出窗口以提示输入,该输入将附加到请求参数中
How can I customize the data: :confirm popup to prompt for an input, that will be appended to the request params?
在我的应用程序中的许多地方,提交表单和访问帖子链接都需要用户指定一些理由来解释他们决定这样做的原因(注释/理由用于跟踪谁做了内部更改)。
出于这个原因,我希望能够更改data: {confirm: "Are you sure you want to submit this form?"}
的行为,以提示输入,而不仅仅是回答"是/取消"。我希望这个框显示一个输入字段,然后将其内容附加到请求参数中,这样我就可以从控制器中存储它。
我该怎么做?
使用假提交按钮,这是触发器提示对话框。当填写提示时,将值复制到表单隐藏输入,然后触发表单提交事件。这是一个工作示例:
HTML:
<form id="myForm">
<input type="checkbox" name="checkbox" checked />
<input id="myVisibleInput" name="visibleinput" type="text" />
<input id="myHiddenInput" name="hiddeninput" type="text" />
<button id="fakesubmit" type="button">Submit</button>
</form>
jQuery:
$('#fakesubmit').on('click', function() {
var answer = prompt('Why?');
if (answer != null) {
$('#myHiddenInput').val(answer);
$('#myForm').submit();
}
});
$("#myForm").on("submit", function(event) {
console.log($(this).serialize());
});
CSS:
#myHiddenInput {
display: none;
}
您可以尝试一些模式服务,如引导模式,或者只构建自己的指令。这里有一些好消息。本质上,无论您将ng单击绑定到哪个函数,都将首先调用$modalService
,一旦用户确认/拒绝,$modalService将调用func.success
或func.error
您可以使用提示:
var test = prompt("Enter your name:");
alert("Hi " + test + "!");
提示-W3学校
相关文章:
- 带有输入参数的Javascript/PHP中的XMLHTTPrequests
- 在JS的下拉列表中选择多个输入参数
- 为什么使用与输入参数具有相同结束参数的函数来编写Javascript
- 单元测试输入参数无效的promise
- 未定义 jQuery 输入参数
- 在 BIRT 中输入参数后更新数据集查询
- node.js - 发送一个整数作为 POST 请求中的输入参数
- Angular JS:在HTTP服务(POST)中传递输入参数
- Javascript:有没有办法为Parse.Promise.when指定无限的输入参数
- 在 Node 中.js所有以回调作为输入参数的函数都是非块的
- 如何将输入参数从 j 查询对话框传递到 asp.net 中的处理程序文件 (.ashx)
- Angular中的链接承诺.输入参数错误
- 什么是输入参数'd'D3.js函数中的平均值
- 当输入参数长度=8时开始搜索
- Hubot-未输入参数/输入参数
- 在Javascript中调用函数而不输入参数
- 如何在基于输入参数数组的函数中执行函数
- JavaScript匿名函数和输入参数
- 角的原因.Extend被用作javascript推送函数的输入参数
- Foreach键和值输入参数javascript