- добавяне на required чрез JS
WT форуми -> HTML / Javascript / CSS -> добавяне на required чрез JS
Създайте нова тема Напишете отговор 
Автор Съобщение
dunix
Турист
Турист

Регистриран на: 25/07/2007 7:55 pm

Support: 3
Bonus: 5
Мнения: 569
Мнение 06/05/2017 9:25 pm     добавяне на required чрез JS Отговорете с цитат


Целта ми следната:
имам две полета type="radio" name="time". Когато избера input 1 да показва още няколко полета и също така да ги направи required, а когато избера input 2 да скрива тези полета и да премахва required.
Показването и скриването работи, но добавянето и премахването на required нещо не работи. Можете ли да ми кажете къде ми е грешката
Javascript code:
    $(function () {
$("input[name='time']").click(function () {
if ($("#ss").is(":checked")) {
$(".dvTime").show();
$('.dvTime').attr('required');
} else {
$(".dvTime").hide();
$('.dvTime').removeAttr('required');
}
});
});


https://jsfiddle.net/hjba671z/4/
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Изпрати мейла Посетете сайта на потребителя
heytar
Нов
Нов

Регистриран на: 29/06/2015 9:28 am

Support: 1
Bonus: 2
Мнения: 64
Мнение 07/05/2017 8:41 am      Отговорете с цитат


Опитваш се да добавиш атрибута на дива а не на инпута.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
joTunkiq
Активен
Активен

Регистриран на: 25/12/2012 12:03 pm

Support: 127
Bonus: 254
Мнения: 769
Мнение 07/05/2017 11:42 am      Отговорете с цитат


heytar написа:
Опитваш се да добавиш атрибута на дива а не на инпута.

+ това казваш само .. вземи ми атрибута "required". Тъй като ползваш radio бутони, недей да следиш за клик върху тях, вместо това следи за промяна. И тогава тъй като се предполага, че щом са радио бутони ще са с едно и също име и само следиш за валутата на избрания бутон.


Ето така трябва да работи Smile

Javascript code:
$(function() {
$("input[name='time']").on("change",function() {
if ($(this).val()=='v2') {
$(".dvTime").show();
$('.dvTime input').prop('required','true');
} else {
$(".dvTime").hide();
$('.dvTime input').removeAttr('required');
}
});
});

Ето ти и демо: https://jsfiddle.net/hjba671z/7/
Idea Question
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети