31.03.2016, 16:31
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<script>
$.validator.setDefaults({
submitHandler: function () {
alert("submitted!");
}
});
$.validator.addMethod("minlenghtphone", function (value, element) {
return value.replace(/\D+/g, '').length > 10;
},
" Маловато циферок будет!");
$.validator.addMethod("requiredphone", function (value, element) {
return value.replace(/\D+/g, '').length > 1;
},
" Заполните это поле!!!");
$.validator.addMethod("minlenghtname", function (value, element) {
return value.replace(/\D+/g, '').length > 15;
},
" Маловато циферок будет!");
$.validator.addMethod("requiredname", function (value, element) {
return value.replace(/\D+/g, '').length > 1;
},
" Заполните это поле!!!");
$(function () {
$("#commentForm").validate({
rules: {
phone: {
requiredphone: true,
minlenghtphone: true
}
name: {
requiredname: true,
minlenghtname: true
}
}
})
});
</script>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<p><input class="left" id="phone" name="phone"></p>
<p><input class="left" id="name" name="name"></p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</fieldset>
</form>
</body>
</html>
|
|
31.03.2016, 16:33
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
Sav2907,
строка 38
|
|
31.03.2016, 16:41
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
Сообщение от рони
|
Sav2907,
строка 38
|
А, запятую забыл. Спасибо |
|
01.04.2016, 10:27
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
|
А можно сообщение вывести снизу?
|
|
01.04.2016, 10:31
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
Или сделать чтобы поля не смещались в сторону, при появлении сообщения
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<script>
$.validator.addMethod("minlenghtphone", function (value, element) {
return value.replace(/\D+/g, '').length > 10;
},
" Маловато циферок будет!");
$.validator.addMethod("requiredphone", function (value, element) {
return value.replace(/\D+/g, '').length > 1;
},
" Заполните это поле!!!");
$.validator.addMethod("minlenghtname", function (value, element) {
return value.replace(/\D+/g, '').length > 15;
},
" Маловато циферок будет!");
$.validator.addMethod("requiredname", function (value, element) {
return value.replace(/\D+/g, '').length > 1;
},
" Заполните это поле!!!");
$(function () {
$("#commentForm").validate({
rules: {
phone: {
requiredphone: true,
minlenghtphone: true
},
name: {
requiredname: true,
minlenghtname: true
}
}
})
});
</script>
</head>
<body>
<center>
<form class="cmxform" id="commentForm" method="get" action="">
<p><input class="left" id="phone" name="phone"></p>
<p><input class="left" id="name" name="name"></p>
<p><input class="submit" type="submit" value="Submit"/></p>
</form>
</center>
</body>
</html>
|
|
01.04.2016, 11:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
Сообщение от Sav2907
|
|
Или сделать чтобы поля не смещались в сторону, при появлении сообщения
|
<style type="text/css">
label.error {
position: absolute;
margin-left: 12px;
}
</style>
|
|
01.04.2016, 11:11
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
|
Сообщение от рони
|
<style type="text/css">
label.error {
position: absolute;
margin-left: 12px;
}
</style>
|
То что нужно, спасибо |
|
01.04.2016, 13:58
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
В первом поле пишем 11 значное число, жмем отправить, потом убираем 2 цифры, отправить, пишем снова 2 и убираем две. Сообщение покажет ниже поля ввода
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<script>
$.validator.addMethod("minlenghtphone", function (value, element) {
return value.replace(/\D+/g, '').length > 10;
},
" Маловато циферок будет!");
$.validator.addMethod("requiredphone", function (value, element) {
return value.replace(/\D+/g, '').length > 1;
},
" Заполните это поле!!!");
$.validator.addMethod("minlenghtname", function (value, element) {
return value.replace(/\D+/g, '').length > 15;
},
" Маловато циферок будет!");
$.validator.addMethod("requiredname", function (value, element) {
return value.replace(/\D+/g, '').length > 1;
},
" Заполните это поле!!!");
$(function () {
$("#commentForm").validate({
rules: {
phone: {
requiredphone: true,
minlenghtphone: true
},
name: {
requiredname: true,
minlenghtname: true
}
}
})
});
</script>
</head>
<body>
<center>
<form class="cmxform" id="commentForm" method="get" action="">
<p><input class="left" id="phone" name="phone" maxlength="11"></p>
<p><input class="left" id="name" name="name" maxlength="14"></p>
<p><input class="submit" type="submit" value="Submit"/></p>
</form>
</center>
</body>
</html>
Последний раз редактировалось Sav2907, 01.04.2016 в 14:00.
|
|
01.04.2016, 14:32
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
Sav2907,
а где стили?
|
|
01.04.2016, 14:45
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
|
<style type="text/css">
label.error {
position: absolute;
margin-left: 12px;
}
</style>
|
|
|
|
