JQuery 验证引擎不工作,不显示错误消息
JQuery validation engine not working, not displaying error messages
>我有一个简单的表单,我试图使用 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" >**
它奏效了
希望这对未来的其他人有所帮助。
相关文章:
- ng消息仅在触摸时显示错误,并在错误的初始显示上转换
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- java脚本的数学方程显示错误的答案
- 如果用户输入的长度小于最小长度,则显示错误消息
- Push方法显示错误
- Javascript设置日期不起作用,显示错误的时间
- 显示错误的Ajax调用无法调试
- 显示错误结果的Javascript
- 分页逻辑显示错误的页码
- 如何显示错误消息
- 表单提交没有'如果为空,则不会显示错误消息
- 使用RecordRTC录制的WebRTC视频在IE和Safari中显示错误
- 如何仅在存在最小值和最大值时才显示错误消息
- AngularJS错误处理:根据错误数组显示错误
- PHP 显示错误的名称值
- 在 api 调用$resource显示错误和成功消息
- 为什么 Angularjs 总是显示错误消息
- 在单选按钮验证中同时显示错误消息
- jQuery'摇动'功能显示错误
- Jquery添加更多和删除冲突并显示错误值