Создать текстовое поле ввода без использования - PullRequest
5 голосов
/ 13 ноября 2011

Я хочу создать текстовое поле ввода, которое не требует элемента формы <input type="text">.Пользователь по-прежнему может вводить текст в это текстовое поле, и значение по-прежнему можно получить с помощью Javascript / jQuery.Причина для этого заключается в том, что это текстовое поле будет в форме, в которой после отправки все входные значения формы будут отправлены на сервер для обработки, и есть это текстовое поле, которое я не хочу, чтобы его значения автоматически отправлялись на серверную сторону..

Проблема: Каков наилучший способ создания такого текстового поля без использования элементов формы HTML input?

Ответы [ 6 ]

9 голосов
/ 13 ноября 2011

Только не присваивайте тегу <input type="text"> атрибут name, и он не будет отправлен. Вот пример:

<input type="text" id="myinput" value="you will not see this submitted" />
5 голосов
/ 13 ноября 2011

Вы также можете использовать contenteditable div.

От MDN:

<!DOCTYPE html>
<html>
  <body>
    <div contenteditable="true">
      This text can be edited by the user.
    </div>
  </body>
</html> 

http://html5demos.com/contenteditable

1 голос
/ 13 ноября 2011
$("#form").bind('submit', function() {
  $(this).children('input[name=excludethisfield]').attr('disabled', true);
});

Я знаю, что это не совсем то, что вы просили, но, возможно, самый простой способ.

1 голос
/ 13 ноября 2011

просто создайте вход, и не давайте ему name или id.

1 голос
/ 13 ноября 2011

вы можете использовать textarea вместо input.затем примените stlying с помощью css.Также вы можете использовать свой входной тег, просто оставьте его вне <form></form>, тогда он не будет отправлен на сервер.

1 голос
/ 13 ноября 2011

если вы создадите динамический <input type="text"> с помощью jQuery - он отправит обратно свои значения.

Какое вам дело, если его значения будут отправлены обратно?просто ничего с ними не делайте на стороне сервера.

или

перед отправкой - измените тип с ввода на метку.(+ сохранить значения)

или,

, если вы добавите вход вне элемента FORM - он не отправит.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...