Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 27.06.2015
Сообщений: 2

возвращение инпута форм

27.06.2015, 16:53. Показов 559. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
добрый день!
Хотел попросить помощи.
С перва код :
Html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
 <head>
  <meta charset="utf-8" />
  <title>HTML5</title>
    <link rel="stylesheet" type="text/css" href="1.css">
   <script src="text/javascript" src="javascript/1.js"></script>
 </head>
 <body>
<form>
    <div class="tab active">
        <p><input type="email" name="email" required ></p>
        <p><input type="tel" name="tel" required ></p>
        <p><input type="text" name="txt1"required ></p>
        <p><input type="text" name="txt2" required ></p>
        <p><input type="text" name="txt3" ></p>
        <p class="form_nav">
            <Button class="next">Go-go-go!</button>
        </p>
    </div>
   </form>
 </body>
</html>
JS
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var tabs = $('.tab');
$('.form_nav span').on('click', function(){
    var active = $('.active'),
        cur = active.index('.tab'),
        indx =  cur + ($(this).hasClass('next') ? 1 : -1);
    if(!indx || checkin[cur](active)) {
        tabs.removeClass('active').eq(indx).addClass('active');
    }
    
});
 
var checkin = {
    0: function(tab){
        var empty = $('[required]',tab).map(function(i, el){
            if($.trim($(el).val()) === ''){
                return $(el);
            }
        }).get();      
        return empty.length === 0 || this.error($(empty));
    },
    1: function(tab){
        var radio = $(':radio[name=choice]', tab),
            choiced = radio.map(function(i, el){
                if($(el).prop('checked')){
                    return $(el);
                }
        }).get();
        return choiced.length !== 0 || this.error(radio.parent('p'));
    },
    2: function(){
        return true;
    },
    error: function(el){
        el.effect('highlight', {color: '#f00'}, 1500);
        return false;
    }
};
CSS
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.tab {
    position: absolute;
    padding: 10px;
    border: 1px solid #999;
    background: #e9e9e9;
    z-index: 5;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.active {
    z-index: 10;
    opacity: 1;
}
.form_nav span, input[type=submit] {
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid #999;
    cursor: pointer;
    background: #fff;
}
input[type=submit] {
    background: #060;
    color: #fff;
}
Хотелось бы сделать так, чтоб после нажатия кнопки Далее, форма сварачивалась, отображался произвольный текст и возвращало данные из заполненной формы в произвольном виде.

Заранее благодарен!


Добавлено через 44 минуты
Всё-таки вспомнил про ГЕТ и ПОСТ = )
http://stackoverflow.com/quest... orm-values
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
27.06.2015, 16:53
Ответы с готовыми решениями:

Веб. Как изменить данные в базе по изменению данных инпута? Получить измененные данные инпута?
Доброго времени суток! Ситуация такая.. есть форма с таблицей, содержание таблицы выводится из базы. В таблице есть инпут ( &lt;input...

Возможно ли возвращение функцией двух значений? Именно возвращение, не ссылка или указатель
Нужна функция в которую забиваешь два числа и сначала она возвращает минимальное, после максимальное. Я пробовал делать с ссылками и это не...

Объявление форм для доступа к ним из других форм проекта
Поскажите, пожалуйста, как правильно объявить форму, что бы доступ к её элементам можно было получать из других форм?

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.06.2015, 16:53
Помогаю со студенческими работами здесь

Связывание двух форм по расположению на мониторе(Синхронизация форм)
Такая проблема, представим если 2 формы, на первой форме есть клавиша &quot;На вторую форму&quot;, которая будет иметь код: ...

Как по закрытию форм 2 сделать определенное действие в форм 1?
Здравствуйте! Помогите пожалуйста, я новичок в ) Столкнулся с проблемой и не смог найти ответа на форумах. В кратце- есть 2 формы....

Проверить value инпута
Здравствуйте Нужно чтобы по нажатию кнопки была проверка - если в инпуте value пустой или со значением myText, то вызвать алерт так не...

Вызов инпута
Подскажите пожалуйста. Имеется код. &lt;label style=&quot;float: left;&quot; &gt;Ночной*&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/label&gt; &lt;div...

Значение инпута
Привет. У меня кое-какая штучка. Есть поле ввода (input), когда в него введут определенное значение, например, слово...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru