В продолжение Проверка формы с помощью mootools - Form.Validator , пример добавления проверки полей формы в раскладку представления:
для формы добавим:
JHtml::_('behavior.keepalive');
и сам javascript:
<script type="text/javascript">
window.addEvent('domready', function() {
l = Locale.getCurrent().name;
Locale.define(l, 'FormValidator', {
required: "Это поле обязательно для заполнения",
numeric: 'Пожалуйста, введите только числовые значения ("1" или "1,1" или "-1" или "-1,1")',
integer: "Пожалуйста, введите целое число. Номера с десятыми (например, 1,25) не допускаются",
digits: "Пожалуйста, используйте только цифры, избегайте пробелов и других символов, таких как точки или запятые.",
alpha: "Пожалуйста, используйте только буквы (A-Z). Без пробелов и других символов.",
alphanum: "Пожалуйста, используйте только буквы (AZ) и цифры (0-9). Без пробелов и других символов.",
email: "Пожалуйста, введите правильный адрес электронной почты. Например, fred@domain.com",
url: "Пожалуйста, введите правильный URL"
});
var myFormValidator = new Form.Validator
(
$('adminForm'), {
serial: false,
onElementFail: function(el, validator)
{
//alert(this.getValidator(validator[0]).getError(el));
}
}
);
myFormValidator.add('validate-alpha',
{
errorMsg: 'Пожалуйста, используйте только буквы (A-Z, А-Я). Без пробелов и других символов.',
test: function(element)
{
regex=/^[a-zA-Zа-яА-Я]+$/;
return element.get('value').test(regex,'i');
}
}
);
myFormValidator.add('validate-alphanum',
{
errorMsg: 'Пожалуйста, используйте только буквы (A-Z, А-Я) и цифры (0-9). Без пробелов и других символов.',
test: function(element)
{
regex=/^[a-zA-Zа-яА-Я0-9]+$/;
return element.get('value').test(regex,'i');
}
}
);
myFormValidator.add('validate-phone',
{
errorMsg: 'Пожалуйста, введите правильный телефонный номер.',
test: function(element)
{
if ((element.get('value') == null) || (element.get('value').length == 0)){
return true;
}else{
regex=/^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$/;
return element.get('value').test(regex,'i');
}
}
}
);
document.formvalidator = myFormValidator;
});
Joomla.submitbutton = function(task) {
if (task == 'register.cancel' || document.formvalidator.validate()) {
Joomla.submitform(task, document.getElementById('adminForm'));
} else {
alert('<?php echo $this->escape(JText::_('JGLOBAL_VALIDATION_FORM_FAILED'));?>');
}
}
</script>
Для полей не прошедших проверку добавляется класс validation-failed и при нажатии на отправить появляется сообщение - Неврная форма.
Кнопки отправить и отменить:
<div class="form-buttons">
<button type="button" onclick="Joomla.submitbutton('register.save')">
<?php echo JText::_('JSAVE') ?>
</button>
<button type="button" onclick="Joomla.submitbutton('register.cancel')">
<?php echo JText::_('JCANCEL') ?>
</button>
</div>