0

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

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

即使表单为空，也会提示。

4

2 回答 2

3

扩展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
?>
于 2013-09-27T17:36:45.247 回答
0

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

用户讨厌点击，即使你的对话框是“有个性的”（阅读：用他们提交的任何名称来称呼他们），这非常烦人，我不喜欢它。但是，既然您问了，使用 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();
    }
}
于 2013-09-27T17:16:16.523 回答