Как имитировать функцию click

@anastasia_21 · Регистрация: 10.09.2015

Студворк — интернет-сервис помощи студентам

Всем привет!
Помогите пожалуйста разобраться с кодом

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
else {
$(document).ready(
function()
{
$('#spisok > input').click(function (){
$('#container > div').hide();
var i=$(this).data('id');
$('#d'+i).fadeIn();
});
}
);
form.submit();
}

HTML5
1
<p id="spisok"><input data-id='2' type=submit class="btn_submit" value='Продолжить'></p>

Этот код работает если только 2 раза нажать на 'Продолжить', а надо чтобы сразу.

Добавлено через 2 часа 44 минуты
Выкладываю код целиком
Помогите сделать чтобы работало как нужно!

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
(function( $ ){
$(function() {
$('.rf').each(function(){
var form = $(this),
btn = form.find('.btn_submit');
form.find('.rfield').addClass('empty_field');
function checkInput(){
form.find('.rfield').each(function(){
if($(this).val() != ''){
$(this).removeClass('empty_field');
} else {
$(this).addClass('empty_field');
}
});
}
function lightEmpty(){
form.find('.empty_field').css({'border-color':'#d8512d'});
setTimeout(function(){
form.find('.empty_field').removeAttr('style');
},500);
}
setInterval(function(){
checkInput();
var sizeEmpty = form.find('.empty_field').size();
if(sizeEmpty > 0){
if(btn.hasClass('disabled')){
return false
} else {
btn.addClass('disabled')
}
} else {
btn.removeClass('disabled')
}
},500);
btn.click(function(){
if($(this).hasClass('disabled')){
lightEmpty();
return false
} else {
$(document).ready(
function()
{
$('#spisok > input').click(function (){
$('#container > div').hide();
var i=$(this).data('id');
$('#d'+i).fadeIn();
});
}
);
form.submit();
}
}); 
});
});
})( jQuery );

HTML5
1
<p id="spisok"><input data-id='2' type=submit class="btn_submit" value='Продолжить"></p>

@Lazy_Den · 10.09.2015, 15:11

Сообщение от anastasia_21

Выкладываю код целиком

Это какая-то полная несуразица. Можете показать html-код, относящийся к данной проблеме и описать словами, что ваш js-код делать? Буквально по пунктам.

@anastasia_21 · 10.09.2015, 15:48 **[ТС]**

Мне нужно чтобы при нажатии кнопки продолжить проверялось заполнено ли поле, и если заполнено то скрывать первый див и открывать второй, потом третий и т.д.
Как я понимаю сейчас после первого клика объявляется функция, которая внутри $(document).ready() написана, а потом, после второго, она выполняется. А надо чтобы после первого клика выполнялась. Как то так. Я запуталась.

CSS
1
#container > div:first-child{display:block}#container > div{display:none}#spisok > li{cursor:pointer}

HTML5
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
38
39
<div id='container' style="width:100%; height:100%;">
<div id='d1'  style="width:100%; height:100%;">
<body>
  <div class="parent">
    <div class="block">
        <p>
        <form id=name method=post class="rf"> 
<input type=text class="rfield" name=1 autocomplete=off placeholder="поле 1"><br>
<p id="spisok"><input data-id='2' type=submit class="btn_submit" value='Продолжить'></p>
</form>
        </p>
    </div>
</div>
</div>
<div id='d2' style="width:100%; height:100%;">
  <div class="parent">
    <div class="block">
        <p>
<form id=name method=post class="rf">
<input type=text class="rfield" name=2 autocomplete=off placeholder="поле 2"><br>
<p id="spisok"><input data-id='3' type=submit class="btn_submit" value='Продолжить'></p>
</form>
        </p>
    </div>
</div>
</div>
<div id='d3'  style="width:100%; height:100%;">
  <div class="parent">
    <div class="block">
        <p>
<form method=post id=name class="rf"> 
<input type=text class="rfield" name=3 autocomplete=off placeholder="поле 3"><br>
<p id="spisok"><input data-id='4' type=submit class="btn_submit" value='Продолжить'></p> 
</form>
        </p>
    </div>
</div>
</div>
</div>

@Lazy_Den · 10.09.2015, 16:28

anastasia_21, ужас, летящий на крыльях ночи. Часть значений атрибутов без кавычек, часть в одинарных, часть в двойных, дублирующие id...
Смотрим пример.

HTML5
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
38
39
40
41
42
43
44
45
46
47
<div id="container" style="width:100%; height:100%;">
  <div id="d1" class="form_block">
    <div class="parent">
      <div class="block">
        <p>
          <form method="post" class="rf">
          <input type="text" class="rfield" name="1" autocomplete="off" placeholder="поле 1">
          <br>
        <p class="spisok">
          <input data-id="2" type="submit" class="btn_submit" value="Продолжить">
        </p>
        </form>
        </p>
      </div>
    </div>
  </div>
  <div id="d2" class="form_block">
    <div class="parent">
      <div class="block">
        <p>
          <form method="post" class="rf">
          <input type="text" class="rfield" name="2" autocomplete="off" placeholder="поле 2">
          <br>
        <p class="spisok">
          <input data-id="3" type="submit" class="btn_submit" value="Продолжить">
        </p>
        </form>
        </p>
      </div>
    </div>
  </div>
  <div id="d3" class="form_block">
    <div class="parent">
      <div class="block">
        <p>
          <form method="post" class="rf">
          <input type="text" class="rfield" name="3" autocomplete="off" placeholder="поле 3">
          <br>
        <p class="spisok">
          <input data-id="4" type="submit" class="btn_submit" value="Продолжить">
        </p>
        </form>
        </p>
      </div>
    </div>
  </div>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
$(function(){
    $('.rf').on('submit', function(e){
        e.preventDefault();
        var $that = $(this);
        if( $.trim($('.rfield',$that).val()) === '' ) {
            return false;
        }
        $that.closest('.form_block').hide().next('.form_block').show();
    });
});

Добавлено через 1 минуту
P.S. Судя по всему, у вас какая-то древняя версия jQuery. Поэтому обновите её обязательно.

@anastasia_21 · 10.09.2015, 16:41 **[ТС]**

А можно еще сделать так чтобы если поле не заполнено оно подсвечивалось как нибудь?

@Lazy_Den · 10.09.2015, 16:49

Сообщение от anastasia_21

А можно еще сделать так чтобы если поле не заполнено оно подсвечивалось как нибудь?

Сообщение от Lazy_Den

описать словами, что ваш js-код делать? Буквально по пунктам.

Это так... к слову.
Смотрим

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function(){
    $('.rf').on('submit', function(e){
        e.preventDefault();
        var $that = $(this);
        if( $.trim($('.rfield',$that).val()) === '' ) {
            $('.rfield',$that).addClass('empty');
            return false;
        }
        $that.closest('.form_block').hide().next('.form_block').show();
    });
    $('.rfield').on('input', function(){
        $(this).removeClass('empty');
    });
});

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@anastasia_21 0 / 0 / 0 Регистрация: 10.09.2015 Сообщений: 3
	10.09.2015, 16:41 [ТС]
	А можно еще сделать так чтобы если поле не заполнено оно подсвечивалось как нибудь? 0

Как имитировать функцию click

Решение