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の回答を拡張すると、フォームの検証が完了した後に Web ページにメッセージを表示するだけで、ユーザーの煩わしさが大幅に軽減されると思います。それははるかに目立たないでしょう。このようなもの：

<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 に答える