Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   validate jquery (https://javascript.ru/forum/jquery/67923-validate-jquery.html)

ami_moor 15.03.2017 17:45

validate jquery
 
Подскажите как указать собственное правило в валидации библиотеки jquery.validate.min.js ??? :help: :help: :help:
Имеем форму с множемтвом инпутов, для одного нужно прописать определённое условие - "валидация проходит, если пользователь ввёл прописью - пять".
Попытки:
<form method="post" id="commentForm" >

<input id="captchNumber" class="captchNumber required" name="captchNumber" type="text" style="width: 140px" /> 

</form>

<script>
var validator = $("#commentForm").validate({
 
   ignore: ".ignore",
   rules: {
       "captchNumber": {
           required: function() {
                var slovo=$("#captchNumber").val();
                var leng = slovo.length;
                slovo = slovo.toLocaleLowerCase();
                
                if(slovo.indexOf('пять') <= 0 && leng != 4){
                    $('#captchNumber').addClass('error'); 
			
                }
            }    
       },

   }
});
</script>

рони 15.03.2017 18:15

validate добавление своего метода captch
 
ami_moor,
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script src="http://jqueryvalidation.org/files/lib/jquery-1.11.1.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
  <script>
$.validator.setDefaults({
     submitHandler: function () {
         alert("Всё ок!");
     }
 });
 $.validator.addMethod("captch", function (value, element) {
         return  /пять/i.test( value )
     },
     "Вот это фигня а не капча")
 $(function () {
     $("#commentForm").validate({
         rules: {
             captchNumber: {
                 required: true,
                 captch: true
             }

         }
     })
 });
  </script>
</head>
<body>
<form method="post" id="commentForm" >

<input id="captchNumber" class="captchNumber required" name="captchNumber" type="text" style="width: 140px" placeholder="введите 5 прописью" />

</form>





</body>
</html>

ami_moor 15.03.2017 23:27

рони, спасибо большое, работает :dance: :victory:


Часовой пояс GMT +3, время: 10:57.