带有输入文本框的Jquery对话框

我想使用jquery对话框来收集用户信息（例如用户名）。如何使用Jquery实现这一点，并将数据收集到Javascript变量中

这是我迄今为止的尝试：

// Dialog here, how to rewrite this?
$('<form> <input type="text" style="z-index:10000" name="name"> <br> </form>').dialog({modal:true});

// push data to Parse
var Label = Parse.Object.extend("Label");
var result = new Label();
result.set("labels", localStorage.getItem("labels"));
result.set("name", name);

result.save(null, {
  sucess : function(result) {
    alert("Stored data sucessfully!");
  },
  error: function(result, error) {
    alert("Error submitting data, error code:" + error.message);
  }
});

//这里的对话框，如何重写？
$（'
'）。对话框（{modal:true}）；
//推送数据进行解析
var Label=Parse.Object.extend（“标签”）；
var result=新标签（）；
result.set（“标签”，localStorage.getItem（“标签”）；
结果集（“名称”，名称）；
result.save（null{
成功：功能（结果）{
警报（“成功存储数据！”）；
},
错误：函数（结果、错误）{
警报（“提交数据时出错，错误代码：”+错误消息）；
}
});

---

但是我还不能输入文本。

处理对话框的代码应该在其

onClose

功能中

$（“
”）。对话框({
莫代尔：是的，
onClose:function（）{
var name=$（this.find（“.name”）.val（）；
var Label=Parse.Object.extend（“标签”）；
var result=新标签（）；
result.set（“标签”，localStorage.getItem（“标签”）；
结果集（“名称”，名称）；
result.save（null{
成功：功能（结果）{
警报（“成功存储数据！”）；
},
错误：函数（结果、错误）{
警报（“提交数据时出错，错误代码：”+错误消息）；
}
});
}
});

您可以在

按钮

部分中添加任何想要的功能，这样当用户单击“确定”时，您就可以处理他们的信息。这方面的文件是。例如：

$('<form><input type="text" style="z-index:10000" name="name"><br></form>').dialog({
  modal: true,
  buttons: {
    'OK': function () {
      var name = $('input[name="name"]').val();
      storeData(name);
      $(this).dialog('close');
    },
    'Cancel': function () {
      $(this).dialog('close');
    }
  }
});

$（“
”）。对话框({
莫代尔：是的，
按钮：{
“确定”：函数（）{
var name=$（'input[name=“name”]”）。val（）；
storeData（名称）；
$（this.dialog（'close'）；
},
“取消”：函数（）{
$（this.dialog（'close'）；
}
}
});

---

这里有一把小提琴，它显示了这一点（尽管没有样式）：

如果您这样做，当用户点击“取消”时，您将处理结果