JQuery 验证引擎不工作,不显示错误消息

JQuery validation engine not working, not displaying error messages

本文关键字:显示 错误 消息 工作 验证 引擎 JQuery      更新时间:2023-09-26

>我有一个简单的表单,我试图使用 jquery.validationEngine 让它看起来更好,并在用户没有输入正确请求的内容时显示错误消息,我做了我应该做的事情,让它根据 de 文档工作,我用一个简单的 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 插件一起使用,但我试图将其切换到引擎,因为我认为它看起来更好并且不会弄乱周围的引导元素。

这是我使用表单即时放置插件的地方:

 <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" />

任何想法为什么不起作用?

好的,我解决了,似乎在文档中有在输入上使用引擎的方法。

我正在使用第一个是:

 <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" >**

它奏效了

希望这对未来的其他人有所帮助。