2

簡単なチャット プログラムを実行するように設計された HTML と JavaScript を使用した基本的な Web ページがあります。正しく機能しないページの一部は、メッセージを送信するときにフォームのメッセージ フィールドをクリアすることです。メッセージを送信すると、現在のページの iframe 内のページに投稿データを介して情報が送信されますが、特定のテキストボックスを送信してクリアすることはできません。ボックスをクリアするコードをなんとか処理できましたが、送信するとすべてが台無しになります。テキストボックスをクリアしてから送信するとメッセージが空になるため、最初に送信したいのですが、JavaScriptでform.submit（）関数を使用するたびにエラーが発生するようで、それがヒットするとすぐにエラーが発生します行、他のコードは実行されません。アラートで form.submit() の値を返そうとしましたが、そして、常に未定義と表示されます（つまり、コマンドをアラートに入れるか、最初に変数に出力するかです）。これが私のコードです：

<html>
<script language="javascript">
    function cleartxt()
    {
        myform.text.value = "";
        myform.submit();
    }
</script>
<body bgcolor="#999999">
    <form name="myform" id="myform" action="chatcontent.php" method="post" target="chatwindow" onsubmit="cleartxt();">
        <table border="0">
            <tr><td><font color="#FFFFFF"><b>Name:</b></font></td>
            <td><input type="text" name="name" maxlength="20"></td></tr>
            <tr><td><font color="#FFFFFF"><b>Color:</b></font></td>
            <td><input type="text" name="color"></td></tr>
            <tr><td><font color="#FFFFFF"><b>Message:</b></font></td>
            <td><input type="text" name="text" size="100%" autofocus="autofocus"></td>
            <td><input type="submit" name="btnsubmit" value="Submit"></td></tr>
        </table>
    </form>
    <iframe width="100%" height="80%" name="chatwindow" src="/chatcontent.php">
</body>

これは、テキストボックスをクリアした後に送信機能が使用されていることを示しています。このフォームでは、テキスト ボックスをクリアするだけで、他には何もしません。2 行を入れ替えると、テキストをクリアせずにフォームを送信するだけです。

4

4 に答える 4

0

たとえば、「clear-this」など、いくつかのクラスをクリアしたい入力に与えます。次に、このスクリプトを使用します。

<script>
   var inputs = document.getElementsByClass('clear-this');
   for (var i = 0; i < inputs.length; i++ ) {
       inputs[i].value = '';
   }​​​​
</script>
于 2013-06-30T13:46:56.157 に答える