【问题标题】:JavaScript: Confirm dialog box that shows value from a text boxJavaScript:显示文本框中值的确认对话框
【发布时间】:2010-07-27 16:17:33
【问题描述】:

有没有办法让确认对话框显示用户在表单的文本框中输入的值? (例如,如果用户输入 100.00,我希望对话框显示类似“确认金额。如果 100.00 美元是正确的金额,请单击确定。”)

【问题讨论】:

    标签: javascript text dialog confirm


    【解决方案1】:

    是的:

    var amount = document.getElementById("textbox").value;
    confirm("Confirm Amount. Click OK if $" + amount + " is the correct amount.")
    

    编辑:这是一个工作示例: http://jsbin.com/inoru/edit

    【讨论】:

    • 感谢您的回复。我肯定错过了什么。表单提交时不弹出确认对话框。这是提交按钮的内容: 这是我的脚本:
    • 谢谢,但我已经在提交时运行了验证代码。如果我对表单使用 onsubmit,它会阻止表单验证。看起来我需要一个提交按钮的 onclick 事件。
    • 好的,你可以修改为按钮然后。我只是以表格为例。只需将表单中的onsubmit 移到提交按钮上,并将其更改为onclick。它的工作原理是一样的。
    • 再次感谢。确认消息有效,但是当我单击取消时,表单仍然提交。这是提交按钮的内容: 下面是我的脚本:
    • 表单正在使用 post 方法:
    【解决方案2】:

    当然,您可以将字符串值传递给对话框:

    var str = "my msg";
    confirm(str);
    

    因此,要显示您的自定义消息,只需获取文本框的值并将其附加到您的消息中。例如:

    var amount = jQuery("#myTextBox").val();
    confirm("Click OK if " + amount + " is the correct amount");
    

    【讨论】:

    • 我提供了一个普通的 javascript 方法,但我建议使用 jQuery +1 使用这个
    • 感谢您的回复。我一定是做错了什么,因为对话框没有弹出。这是脚本: 这里是按钮:
    • 您的代码已通过 <!-- 注释掉。您是否确认您包含 jQuery .js 文件?您可能还需要仔细检查 val 是否是要调用的适当函数,尽管我认为这是您想要的。
    • 谢谢。页面上的 jQuery 日期选择器工作正常。我指向这个文件: 注释掉是为了防止js代码显示在旧浏览器中的页面;它不会阻止代码运行。
    • 嗯...也许您应该更新您的问题以包含您正在使用的代码。这样我们就可以清楚地看到标记的代码,并且可以提出可能存在的问题。
    【解决方案3】:

    你应该检查文本框中的 onblur 事件,如果文本框不为空,则显示消息,如下所示:

    document.getElementById('textboxid').onblur = function(){
        if(this.value.length > 0 )
            showApplicationMessage()
    }
    

    【讨论】:

    • 谢谢。但我不是要验证文本字段。我正在尝试获取一个对话框来显示用户在文本字段中输入的值。
    • 你看,我正在尝试对 Web 表单进行白痴防护。我想问一下用户,如果她单击“确定”,她是否确定她在文本框中输入了正确的金额,或者如果她单击“取消”,则中止提交表单。
    猜你喜欢
    • 1970-01-01
    • 2021-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多