Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.02.2011, 11:05
Новичок на форуме
Отправить личное сообщение для Tomas Посмотреть профиль Найти все сообщения от Tomas
 
Регистрация: 17.02.2011
Сообщений: 5

Как осуществить валидацию только выбранных полей формы?
Всем привет!

Передо мной стоит необычная задача по валидации маленькой формы

на этой форме всего 4 текстовых поля и 4 флажка.



Так вот нужно валидировать не все эти поля а только те которые будут отмечены флажками, остальные которые не отмечены либо просто не валидировать либо делать неактивными.


Весь день вчера потратил на освоение JQuery и сегодня пол дня, научился делать обычную валидацию, как в большинстве примеров. Но нигде не нашёл примера выборочной валидации.

Пробовал искать примеры конкретно по checkbox но опять же, они во всех примерах валидируются сами по себе, и не оказывают влияния на валидацию других элементов формы.
Ответить с цитированием
  #2 (permalink)  
Старый 17.02.2011, 11:41
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

Ну как вариант, при смене чекбокса, меняешь и поле input.
К примеру так:
<form onsubmit="checkForm(); return false;" id="myForm">
<input type="checkbox" onchange="(this.checked) ? $('#input_1').removeAttr('disabled') : $('#input_1').attr('disabled', 'disabled');" /> Флажок №1  <input type="text" id="input_1" disabled /><br />
<input type="checkbox" onchange="(this.checked) ? $('#input_2').removeAttr('disabled') : $('#input_2').attr('disabled', 'disabled');" /> Флажок №2  <input type="text" id="input_2" disabled /><br />
<input type="checkbox" onchange="(this.checked) ? $('#input_3').removeAttr('disabled') : $('#input_3').attr('disabled', 'disabled');" /> Флажок №3  <input type="text" id="input_3" disabled /><br />
<input type="checkbox" onchange="(this.checked) ? $('#input_4').removeAttr('disabled') : $('#input_4').attr('disabled', 'disabled');" /> Флажок №4  <input type="text" id="input_4" disabled /><br />
<input type="submit" />
</form>


Ну а в функции checkForm уже, пробегаешь по всем полям input и у которых disabled равно false делаешь валидацию.
К примеру так:
function checkForm() {
	$("#myForm input[type=text]").each(function() {
		if (this.disabled == false)
			checkInput(this.id);
	});
}


В функции checkInput делаешь валидацию поля
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #3 (permalink)  
Старый 18.02.2011, 06:44
Новичок на форуме
Отправить личное сообщение для Tomas Посмотреть профиль Найти все сообщения от Tomas
 
Регистрация: 17.02.2011
Сообщений: 5

Спасибо огромное walik !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать disabled кнопки во время отправки формы? Bad Request Events/DOM/Window 7 16.04.2014 13:49
как передать значение переменной в IFRAME в поле формы JS-ом из самой страницы? DeUre Общие вопросы Javascript 14 17.12.2013 16:37
Проверка полей формы Rush Общие вопросы Javascript 2 16.10.2008 23:44
как работать только с областью... ALIENka Общие вопросы Javascript 2 06.10.2008 09:19
проверка полей формы!!!! DENAT Общие вопросы Javascript 0 05.06.2008 22:14