在JavaScript（使用jQuery）中，我想在文档就绪块中提示电子邮件

Question

我有一个html页面，我想要一个javascript变量电子邮件。加载html页面时，我希望首先发生的是弹出一个简单的模态对话框并提示用户输入有效的电子邮件。用户按下“确定”或“取消”按钮，然后我获得电子邮件地址。没什么好看的，只是一个简单的警报类型对话框。我使用Impromptu但无法弄明白。

也就是说，在某种伪代码中，这就是我正在尝试做的事情：

    $(document).ready(function() {

      $.prompt("Enter Valid Email",function(val) { console.log('email:' + val); }

    }

我知道我没有做任何事情来提出一个表格，但我正在努力做到这一点（即兴或其他）。

Answer 1

我不知道对不对。你试过这个Fiddle

吗？

        var statesdemo = {
            state0: {
                title: 'Enter Email',
                html:'<label>Email <input type="text" name="fname" value=""></label><br />',
                buttons: { Submit: 1 },
                //focus: "input[name='fname']",
                submit:function(e,v,m,f){
                    console.log(e,v,m,f);
                    e.preventDefault();
                }
            }
        };

        $.prompt(statesdemo);