Механизм проверки JQuery не работает, не отображает сообщения об ошибках

Question

У меня есть простая форма, где я пытаюсь использовать jquery.validationEngine, чтобы он выглядел лучше и отображал сообщения об ошибках, когда пользователь не вводил правильные запрошенные вещи, я сделал то, что я должен был заставить его работать в соответствии с документацией, im тестируя его на первом входе с помощью простого атрибута validate [required], я не понимаю, почему он не работает.

код вида:

<form class="col-md-5 col-md-offset-3" id="FormularioAlta" method="post" style="padding:7px" onsubmit="return submitForm()"> 
    <fieldset> 
    <legend>Alta Como Simpatizante</legend> 


     <label for="idcel">Celular</label><br /> 
     <div class="input-group add-on"> 
     <input class="form-control validation[required]" id="idcel" name="cel" > 
     <div class="input-group-btn"> 
     <button class="btn btn-default" type="button" title="Ayuda" 
     data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" 
     data-content="El numero consta de 10 digitos, 3 de la clave lada(614 por ejemplo) mas los otros 7 numeros. Ejemplo: 6149987781" ><i class="glyphicon glyphicon-question-sign"></i></button> 
     </div></div> 





     <label for="idcelconfirmacion">Confirma tu Celular</label><br /> 
     <input class="form-control" id="idcelconfirmacion" name="celconfirmacion" minlength="10" maxlength="10" type="number" equalTo="#idcel" required> 
     <br /> 



     <label for="idocr">OCR</label><br /> 
      <div class="input-group add-on"> 
     <input class="form-control" id="idocr" minlength="9" maxlength="13" type="number" name="ocr" required> 
    <div class="input-group-btn"> 
     <button class="btn btn-default" type="button" title="Ayuda" 
     data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" 
    data-img="http://www.subeimagenes.com/img/ocr-1213155.png"><i class="glyphicon glyphicon-question-sign"></i></button> 
     </div></div> 


     <br /> 
     <label for="idocrconfirmacion">Confirma tu OCR </label><br /> 
     <input class="form-control" id="idocrconfirmacion" minlength="9" maxlength="13" name="ocrconfirmacion" type="number" equalTo="#idocr" required> 

    <br /> 
     <input class="btn btn-default" type="submit" value="Enviar"> 

    </fieldset> 
</form> 

игнорировать атрибуты других полей ввода, я имел он работает с jquery.validation плагин, но им пытаются включить его в дело двигателя я думаю, что он выглядит лучше и не сильно возится с элементами бутстрапа.

здесь, где я instantantie плагин с формой:

<script> 


$(document).ready(function(){ 
    $("#FormularioAlta").validationEngine(); 
}); 

</script> 

и да, конечно я включил это на странице:

<script src="~/Scripts/jquery.validationEngine.js"></script> 
     <script src="~/Scripts/jquery.validationEngine-en.js"></script> 
<link href="~/Content/css/validationEngine.jquery.css" rel="stylesheet" /> 

какие-либо идеи, почему не работает?

Answer 1

ОК, я решил, похоже, что в документации есть способы использовать движок на входе.

я использовал первый, который:

<label for="idcel">Celular</label><br /> 
     <div class="input-group add-on"> 
     <input ***class="form-control validation[required]"*** id="idcel" name="cel" > 
     <div class="input-group-btn"> 
     <button class="btn btn-default" type="button" title="Ayuda" 
     data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" 
     data-content="El numero consta de 10 digitos, 3 de la clave lada(614 por ejemplo) mas los otros 7 numeros. Ejemplo: 6149987781" ><i class="glyphicon glyphicon-question-sign"></i></button> 
     </div></div> 

так я изменил строку ввода для:

**<input class="form-control" data-validation-engine="validate[required, minSize[10], maxSize[10]]" id="idcel" name="cel" >** 

и работал

надеюсь, что это поможет другим людям в будущем ,