获取jquery对话框的ui元素值

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="dialog" title="对话框">
  <form>
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name">
    
    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email">
  </form>
</div>

$(document).ready(function() {
  // 初始化对话框
  $("#dialog").dialog({
    autoOpen: false,
    buttons: {
      "确认": function() {
        // 获取元素值
        var name = $("#name").val();
        var email = $("#email").val();
        
        // 在控制台打印元素值
        console.log("姓名: " + name);
        console.log("邮箱: " + email);
        
        $(this).dialog("close");
      },
      "取消": function() {
        $(this).dialog("close");
      }
    }
  });

  // 打开对话框
  $("#dialog").dialog("open");
});