[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Кнопка очищаюшая все значения текстовых форм
Страницы: 1, 2
do$
Приветствую.
Вроде простой вопрос, но не могу понять как лучше сделать:
У меня есть страница, на ней около 25 текстовых форм с предопределенными значениями (value) и кнопка производящая расччет по определенным формулам.
Предопределенные значения предоставлены там чисто в ознакомительных целях, чтобы пользователь не вбивая данные в каждое из 25ти полей, смог посмотреть результаты расчета.
Но хотелось бы, иметь кнопку, которая все предопределенные данные будет стирать, оставляя пустые текстовые формы, чтобы пользователь мне вводе своих данных не запутался, что он уже ввел, а что было в самом начале.

Заранее благодарен за ответ.
TMake
Кнопка reset http://htmlbook.ru/html/button/type

задействуем js (jquery) http://javascript.ru/forum/jquery/11765-oc...ami-jquery.html
Игорь_Vasinsky
у каждой формы создай input type="reset" с уникальным id
в конце сделай кнопку - очистить всё и на клик навесь скрипт имитации клика по кнопкам reset

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Valick
Игорь_Vasinsky, ресет не очищает, а сбрасывает


_____________
Стимулятор ~yoomoney - 41001303250491
TMake
Цитата (Valick @ 17.03.2013 - 20:30)
ресет не очищает, а сбрасывает

Покажи свой вариант очистки формы, именно очистки, а не сбрасывания.
Valick
stepan, ну для начала я бы не пихал то что надо удалять, если нужен пример заполнения, то для этого существуют подсказки или дополнительный слой поверх формы
во вторых, можно сделать кнопку с запросом на сервер и вернуть чистую форму.


_____________
Стимулятор ~yoomoney - 41001303250491
Игорь_Vasinsky
а.. да, не учёл.

очистит Value всех input=text в форме с id=formID

<script type="text/javascript">
function setEmpty(formID){
form = document.getElementById(formID)

for(index in form.elements) {
if(form.elements[index].type == 'text')
form.elements[index].value = '';
}
}

</script>


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
TMake
Valick если ТС нужно очистить форму, зачем делать запрос на сервер если можно сбросить все поля до исходного состояния не делая лишних телодвижений?
Игорь_Vasinsky
не. там исходное нельзя. нужно очистить форму для юзера - чтоб он видел свои значения, и не путался с дефолтовами

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Valick
stepan, это просто пример , естественно лучше решать эту проблему средствами JS, но еще лучше не создавать себе проблем.


_____________
Стимулятор ~yoomoney - 41001303250491
Игорь_Vasinsky
а чём function setEmpty(formID){ моя не устраивает?

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
TMake
Цитата (Игорь_Vasinsky @ 17.03.2013 - 21:18)
не. там исходное нельзя. нужно очистить форму для юзера - чтоб он видел свои значения, и не путался с дефолтовами

Тогда понятно.
Игорь_Vasinsky
да я сам не сразу въехал rolleyes.gif только когда перечитал пост после коммента Валика

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
killer8080
Цитата (Игорь_Vasinsky @ 17.03.2013 - 18:57)
function setEmpty(formID){
    form = document.getElementById(formID)
           
          for(index in form.elements) {
              if(form.elements[index].type == 'text')
                form.elements[index].value = '';
          }   
}

цикл только не правильно сделал smile.gif
Игорь_Vasinsky
так работает))

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.