带有名字的javascript提示符

时间:2013-09-27 16:56:30

标签: javascript jquery

如果我的表格完整填写如何提示“谢谢您填写表格”,请注明“!”

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脚本src =“jquery.validate.min.js这些是我的外部通过jquery。它在表单旁边验证。我只需要提示告诉”名称“感谢完成。

jsFiddled here

即使表格为空,也会提示。

2 个答案:

答案 0 :(得分: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
?>

答案 1 :(得分:0)

我会咬紧牙关并给你你想要的答案,但我强烈鼓励你不要这样做,而不是百万年

用户讨厌点击,即使你的对话框是“个性化的”(阅读:通过他们提交的任何名称解决它们),它非常烦人,我不喜欢它< / em>的。但是这是你如何做到的,因为你问过,使用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();
    }
}