Javascript-форум - Проблема совместного использования Masked Input и jQuery Validation

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Проблема совместного использования Masked Input и jQuery Validation (https://javascript.ru/forum/jquery/48848-problema-sovmestnogo-ispolzovaniya-masked-input-i-jquery-validation.html)

<!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>

Sav2907,
строка 38

Цитата:

Сообщение от рони (Сообщение 412554)

Sav2907,
строка 38

А, запятую забыл. Спасибо

А можно сообщение вывести снизу?

Или сделать чтобы поля не смещались в сторону, при появлении сообщения

<!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>

Цитата:

Сообщение от Sav2907

Или сделать чтобы поля не смещались в сторону, при появлении сообщения

<style type="text/css">
  label.error {
    position: absolute;
    margin-left: 12px;
  }

  </style>

Цитата:

Сообщение от рони (Сообщение 412666)

<style type="text/css">
  label.error {
    position: absolute;
    margin-left: 12px;
  }

  </style>

То что нужно, спасибо

В первом поле пишем 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,
а где стили?