带有名称的 javascript 提示答案

【问题标题】：javascript prompt with name带有名称的 javascript 提示
【发布时间】：2013-09-27 16:56:30
【问题描述】：

如果我的表格填写完整，如何提示“感谢填写表格，“姓名”！”

function submit_onclick() {
  if(confirm("Thanks for completing the form " + form.name.value))
    document.forms[0].submit();
  else
    return false;
}

jquery-1.10.2.min.js script src="jquery.validate.min.js 这些是我通过 jquery 的外部。它在表单旁边验证。我只需要提示“名称”感谢您的完成。

jsFiddled here

即使表单为空也会提示。

【问题讨论】：

作为您的 Web 应用程序的潜在用户，我要求您根本不要实现此功能。
顺便说一句，我同意@SeanBright
请不要这样做，请不要这样做，请不要这样做......
@user2807515 停止在“cmets”中添加信息。在您的问题中插入相关信息。
您可以通过单击编辑来更新您的问题，然后进行适当的更改。

标签： javascript jquery

【解决方案1】：

扩展 DesertIvy 的答案，我认为如果您只是在表单完成验证后在网页上显示一条消息，那么用户的烦恼会少得多。它会不那么突兀。像这样的：

<form id="myForm" action="http://example.com/formSubmit.php" method="post">
  <div>
    <input type="text" name="name">
    <input type="submit">
  </div>
</form>

JavaScript：

function validForm() {
    // form validation - return true or false
}

function submit_onclick() {
    if(validForm()) {
        $('#myForm').submit(); // this will submit the form to the form action
    }
}

然后在加载 formSubmit.php 页面时，您可以在 HTML 正文中显示您的消息。这是如果您的服务器端语言是 PHP：

<?php
    if(isset($_POST['name'])
        echo "Thanks for completing the form " . $_POST['name'] . ".";
    else
        renderFormBody(); // function for rendering the form body
?>

【讨论】：

如何在同一页面的表单下显示该回显字符串？它是一个虚拟形式
可以发布到您在 PHP 中填写的同一个表单。您只需要检查$_POST['name'] 是否已设置，如果已设置则显示此消息。我将更新我的答案以显示它是如何完成的。
我的名字是 DesertIvy，我同意这个消息。 :)

【解决方案2】：

我会硬着头皮给你想要的答案，但我强烈鼓励你永远不要这样做，一百万年后也不要这样做。

用户讨厌点击，即使你的对话框是“有个性的”（阅读：用他们提交的任何名称来称呼他们），它非常烦人，我不喜欢它。但是，既然您问过，使用 jQuery，这就是您的做法：

function isFormValid() {
    //validate your form here, and return either true or false
}

function submit_onclick() {
    if(isFormValid() && confirm("Thanks for completing the form " + $('#nameField').val()) {
        $('#myForm').submit();
    }
}

【讨论】：

我会记住信息的。感谢您的帮助