Сообщений в теме: 7

[Виктор]

Добрый день, уважаемы пользователи форума!
Возможно, уже кто-то из вас сталкивался с подобной задачей и поможет решить ее мне,

Дано:
Три поля:

• "Поле 1"
  
• "Поле 2"
  
• "Поле 3"

где:
"Поле 2" и "Поле 3" - обязательные для заполнения (настроено через редактирование поля)
"Поле 1" - выпадающий список с двумя значениями:

• "Значение 1"
  
• "Значение 2"

Задача:
Как отключить проверку на заполненность полей "Поле 2" и "Поле 3" при выбранном в "Поле 1" значении "Значение 2"?

Заранее спасибо за ответы и оказанную помощь!

[CbCoder]

Обязательность, как опцию, вы никак не отключите таким образом. Вам придется отключить ее в настройках поля и проверять заполнение полей через javascript. Подробнее (по javascript в поле) ищите в документации и здесь на форуме.

[Виктор]

CbCoder (11 Ноябрь 2013 - 09:18) писал:

Обязательность, как опцию, вы никак не отключите таким образом. Вам придется отключить ее в настройках поля и проверять заполнение полей через javascript. Подробнее (по javascript в поле) ищите в документации и здесь на форуме.

Это не выход, слишком "кривое" решение получается:

function checkFields()
{
  if (document.getElementById('Поле 1').value == 'Значение 1' && document.getElementById('Поле 2').value == '')
	{
				  alert('Поле "Поле 2" не заполнено!');
				  return false;
	}
};
addHandler(document.getElementById("edit_form"), "onsubmit", checkFields);

Сразу возникает несколько вопросов:

• Как пользователю показать, что поля обязательные для заполнения? Как сделать красную звездочку у проверяемого поля - *Поле 2?
  
• Как помимо модального окна предупреждения, обозначить неправильно заполненное поле, т.е. форматировать его?

Вообщем как через JavaScript добиться того же, что достигается через принудительную проверку поля в его настройках?

[CbCoder]

При большом желании все что вы перечислили можно попытаться сделать через js. Не факт конечно что получится, но других решений здесь нет. В любом случае вы никак не сделаете "условную" обязательность через стандартную опцию.

[andibrag]

Какой тип у Поля_2 и Поля_3?

[Виктор]

andibrag (12 Ноябрь 2013 - 12:01) писал:

Какой тип у Поля_2 и Поля_3?

Текст

[Виктор]

Задача решена.
Подключаем через JavaScript стандартную надстройку КБ по проверке заполненных полей, тем самым получив условно-обязательные поля:

function onchange_{$one_field.id}()
{
   id_lines = ['Поле_2', 'Поле_3'];
	for (i = 0; i < 2; i++) {
		if (document.getElementById('valueПоле_1').value == 'Значение_1') {
			$("#field_edit" + id_lines[i] + " b").first().before("<span style='color:red'>* </span");
			$("#main" + id_lines[i]).val(1);
		} else {
			$("#field_edit" + id_lines[i] + " span").remove();
			$("#main" + id_lines[i]).val(0);
		}
	}
}
$('#value{$one_field.id}').bind('change', onchange_{$one_field.id});
$(document).ready(function() {
  onchange_{$one_field.id}();
});

Может кому пригодится, удобно использовать при скрытии обязательных полей.

Сообщение отредактировал Виктор: 12 Ноябрь 2013 - 23:44

[OLDest]

чуток доработал твой вариант.

function obz(keyfiledvalue,oldfiledvalue, obz1, obz2)
{
id_lines = [obz1, obz2];
if ((document.getElementById(keyfiledvalue).value != oldfiledvalue)&(oldfiledvalue!='')) {
    for (i = 0; i < 2; i++) { 
        $("#field_edit" + id_lines[i] + " span").remove();
        $("#main" + id_lines[i]).val(0);               
	    $("#field_edit" + id_lines[i] + " b").first().before("<span style='color:red'>* </span");
	    $("#main" + id_lines[i]).val(1);
  } 
} else {
    for (i = 0; i < 2; i++) { 
	    $("#field_edit" + id_lines[i] + " span").remove();
	    $("#main" + id_lines[i]).val(0);
	 }
  }  
}  

keyfiledvalue - ключевое поле, изменение которого отслеживаем (например 'value1331')
oldfiledvalue - предыдущее значение поля, получаем при загрузке документа например так

 var oldfiledvalue = document.getElementById('value1331').value;

obz1, obz2 - id полей которые надо сделать обязательными
Теперь если нужно отслеживать изменение нескольких полей, не проставляется ** и более
я использую примерно так:

function onchange_{1411}()
{
   display_fgroup(101, (document.getElementById('value1411').value!=datbornValue));
   obz('value1411',datbornValue,'1341','1351');
}
$('#value{1411}').bind('change', onchange_{1411});
addHandler(document.getElementById("value1411"), "onchange", onchange_{1411});