0

Enter キーを押して複数行のテキストを送信したいのですが、送信する前に全文を表示できます。textareaとを使用してフォームを送信するには 2 つの方法があることはわかっていますinput type=textが、どちらも私の要件に達していません。助けてください!

Note: Submit button is hidden

フルtextareaテキストが表示されますが、Enterボタンを押すと、送信ではなく新しい行が作成されます。

<form data-ng-submit="sendMessage(message)" >
     <textarea  data-ng-model="message" placeholder="Add your message"></textarea>
     <input style="display:none" type="submit" value="Submit">
</form>

.Enter を押して送信するフォームはinput type=text問題ありませんが、テキスト入力フィールドに複数行を表示できないため、全文が表示されません。

<form data-ng-submit="sendMessage(message)" >
     <input type="text"  data-ng-model="message" placeholder="Add your message"></textarea>
     <input style="display:none" type="submit" value="Submit">
</form>
4

1 に答える 1

0

テキストフィールドは複数行にすることはできないため、そのオプションはありません。ボタンの押下をインターセプトすることは、ブラウザによって複雑です。jQuery は、このデータへの標準化されたインターフェースを提供します (jQuery を使用していない場合、これは困難です)。

テキストエリアでEnterキーを押したときにフォーム送信から抽出

$('#myTextArea').keydown(function(event) {
   if (event.keyCode == 13) {
      $(this.form).submit()
      return false;
   }
}
于 2013-11-03T09:06:59.613 に答える