1) Подключаем нужные скрипты (качаются тут и тут):
<script type="text/javascript" src="js/jquery.validate.min.js"></script>2) Добавляем скрипт:
<script type="text/javascript" src="js/jquery.input-ip-address-control-1.0.min.js"></script>
$(document).ready(function(){
jQuery.validator.addMethod("ipv4",function(value, element)
{
return this.optional(element) || value!="___.___.___.___";
});
jQuery.validator.addClassRules("ip-address-input",{ipv4:true});
$("#myFormId").validate(
{
errorPlacement: function(error, element){} // no error messages
});
$('input.ip-address-input').ipAddress({v:4});
});
Этот скрипт включит валидацию для формы #myFormId (про неё я уже писал тут), а также обеспечивает все поля ввода с классом "ip-address-input" маской для ввода ip-v4 адреса. В случае, если у такого поля ввода установлен также класс "required", форма не отправится, если в поле не введен корректный ip-v4 адрес (в функции-валидаторе значение проверяется только на неравенство "___.___.___.___", т.к. jquery-input-ip-address-control не даст ввести в поле некорректный ip-v4) . Пример такого поля ввода:
<input type="text" class="ip-address-input required" name="ip_1" />Также, чтобы незаполненные поля подсвечивались красной рамкой, нужно добавить css:
.error
{
border-color: red;
}
Комментариев нет:
Отправить комментарий