- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
使用alertify - 版本0.3.11
,我能够获取用户输入详细信息并能够在提示对话框中显示它。但我有多种值(value)观。用户输入、下拉值、日期选择等
var totalResources = jQuery('#grid').jqGrid('getGridParam', 'selarrrow');
//set custom button title for Form Submit
alertify.set({ labels: {
ok : "Submit Data",
cancel : "Cancel"
} });
//fetch user input comment
alertify.prompt("Please enter note/remarks for this Form :<br/>Total Resource(s): <strong>"+totalResources.length+"</strong>", function (e,value) {
if (e) {
alertify.success("Data has been submitted");
//encodes special characters remarks
var sow = encodeURIComponent(value);
$.post(SITE_URL+"somecontroller/someaction",$("#frm_submit").serialize()+ "&resource_ids="+resource_ids+"&sow="+sow, function( data ) {
});
}else{
alertify.error("Your Data is not submitted");
}
});
类似下图所示
我如何使用alertify构建一个模式表单,用户将看到预先获取的详细信息并可以输入他的详细信息并提交?
最佳答案
他们在 Alertify 中添加了表单功能。看看this
他们的网站代码如下:-
<!-- the form to be viewed as dialog-->
<form id="loginForm">
<fieldset>
<label> Username </label>
<input type="text" value="Mohammad"/>
<label> Password </label>
<input type="password" value="password"/>
<input type="submit" value="Login"/>
</fieldset>
</form>
和 JS 代码:-
alertify.genericDialog || alertify.dialog('genericDialog',function(){
return {
main:function(content){
this.setContent(content);
},
setup:function(){
return {
focus:{
element:function(){
return this.elements.body.querySelector(this.get('selector'));
},
select:true
},
options:{
basic:true,
maximizable:false,
resizable:false,
padding:false
}
};
},
settings:{
selector:undefined
}
};
});
//force focusing password box
alertify.genericDialog ($('#loginForm')[0]).set('selector', 'input[type="password"]');
关于javascript - Alertify Prompt - 允许用户输入值并提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31780423/
我正在使用 alertify.error 来显示错误消息。我想知道是否有任何方法可以更改显示在里面的文本的字体颜色? 最佳答案 好吧,正如我所见,它使用这段代码来更改字体颜色和整体字体样式: .ale
我正在为我的对话框使用 Alertify Jquery 插件。问题是,一次确认后一次确认似乎不起作用: // confirm dialog function go(){ alertify.co
我决定使用 Alertify 来修改和设计我的代码。我的旧代码: $('.ask').click(function(){ var answer = confirm('translate('D
我是alertify.js的新手。我想做的是,当用户点击链接时,浏览器应该显示确认框。如果用户单击 则转到下一页。如果用户单击“取消”,则留在同一页面上。是否可以使用alertify.js来做到这一点
我刚刚写了一些代码,遇到了这样的问题: alertify.dialog("confirm").set( { 'labels': { ok: 'Personal',
我有一个按钮,单击该按钮后,我将在 Bootstrap 模型中显示一个表单。我想要实现的是在表单提交时显示确认框。一切正常,但确认信息出现在引导模型的后台。 HTML Notify Cust
我有这样的 HTML 行 (new) save -
所以我有这些代码行: $('td').click(function (e) { var test = "...."; var test2 = "...."; var test3
我正在尝试使用 alertify.js 作为我所有确认脚本的确认对话框。但它不像常规 JS confirm 那样工作。在下面的代码中,我从未得到 return true function aConf
我的页面中有一个表单可以自行提交。在 PHP 部分我检查 if($_SERVER['REQUEST_METHOD'] == 'POST') 然后我运行一些东西。我正在尝试使用 Alertify 显示警
您好,我正在尝试将alertify.js 作为警报弹出窗口包含在我的网页上,但我不确定为什么它没有显示。我已经下载了alertify 的库和源代码,但我不确定我是否正确使用它。任何建议都会有很大帮助。
使用alertify - 版本0.3.11,我能够获取用户输入详细信息并能够在提示对话框中显示它。但我有多种值(value)观。用户输入、下拉值、日期选择等 var totalResources =
$("#btn_submit").click(function(){ alertify.prompt("Please enter note/remarks for this Form:", f
我正在使用 Alertify 库在我的 javascript 中创建一个对话框, alertify.myAlert || alertify.dialog('myAlert',function fact
我在使用 alertify JS confirm 时遇到了问题。当我单击该按钮时,不会出现 alertify 确认,但会立即重定向到该链接。以下脚本链接按钮和 alertify 确认脚本。 funct
有没有办法让 Alertify Js 插件的对话窗口居中? http://alertifyjs.com 我看到有个属性叫position,但是不支持center position。 谢谢大家 最佳答案
我正在尝试将以下老派代码片段转换为 alertify.js 0.3.8: window.doPrompt = function() { var str; do str = prompt("En
我正在使用 Alertify JQuery 插件,用于显示 alert,confirm, dialog 框。 确认时遇到问题,单击“确定”或“取消”时无法正常工作 Sample JS FIDDLE J
我正在尝试使用alertifyjs(https://alertifyjs.org/)库。 在代码预览网站(例如codepen)中或在stackoverflow上测试警报时,警报将按预期方式工作。 但是
我正在开始使用 jquery 插件,并且决定尝试一下 Alertify。我访问了网页: http://fabien-d.github.io/alertify.js/ 它告诉我使用 Bower 包管理进
我是一名优秀的程序员,十分优秀!