-1

以下は、ユーザーからのフィードバックを求める簡単なフォームです。

HTML や JavaScript を使用して、フォーム全体またはフォームの一部が空白であることを検出したときにポップアップする警告ボックスを作成するにはどうすればよいですか? たとえば、ユーザーが空白/不完全なフォームを送信するためにクリックするたびに、警告ボックス:「名前/電子メール/コメントを入力するのを忘れました」。

色々ありがとう。

    <div>
        <form method="post" enctype="text/plain" action="MAILTO:name@example.com">
        Your Name<br>
        <input type="text" size="40" name="name">
        <br><br>
        Email Address<br>
        <input type="text" size="40" name="email">
        <br><br>
        Any Comments or Questions?<br>
        <textarea name="comments" rows="8" cols="40"></textarea>
        <br><br>
        <input type="submit" value="Send">&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="reset" value="Reset">
        <br><br>
        </form>
    </div>
4

3 に答える 3

3

これには HTML5required属性を使用できます

<div>
    <form method="post" enctype="text/plain" action="MAILTO:name@example.com">
    Your Name<br>
    <input type="text" size="40" name="name" required>
    <br><br>
    Email Address<br>
    <input type="text" size="40" name="email" required>
    <br><br>
    Any Comments or Questions?<br>
    <textarea name="comments" rows="8" cols="40"></textarea>
    <br><br>
    <input type="submit" value="Send">&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="reset" value="Reset">
    <br><br>
    </form>
</div>
于 2013-06-23T20:40:08.677 に答える
1

フォーム タグを展開します

<form onsubmit="return validate();" method="post" enctype="text/plain" action="MAILTO:name@example.com">

基本情報:validate()フォームを送信しようとするたびにメソッドが呼び出されます。関数のブール値の戻り値はvalidate()、フォームが送信されるかどうかを決定します。

便宜上、idすべてのフィールドに属性を追加します。例：

<input type="text" size="40" name="email" id="email">

validate()方法_

これがフォームテストの核心です。

<script type="text/javascript">
    function validate()
    {
        var messages = new Array();
        if (document.getElementById('email').value.length == 0)
        {
            messages.push('E-Mail missing');
        }
        if (document.getElementById('name').value.length == 0)
        {
            messages.push('Name missing');
        }
        if (0 == messages.length)
        {
            return true;
        }
        // Do something with the messages array
        return false;
    }
</script>

楽しむ。

于 2013-06-23T20:47:43.277 に答える
0

JavaScript を知っていれば簡単です。そうでない場合は、これを使用できます。

于 2013-06-23T20:39:31.343 に答える