Javascript “如何排除故障”;“消失”;角度应用中的jQuery验证?

Javascript “如何排除故障”;“消失”;角度应用中的jQuery验证?,javascript,jquery,angularjs,validation,Javascript,Jquery,Angularjs,Validation,我们有一个角度(1.2.19)页面,它使用jQuery验证库进行表单验证。有时,所有的验证功能都消失了:人们可以提交他们想要的任何东西,而没有任何东西经过验证。这种行为可能有50%的时间发生,否则效果很好。控制台中不存在错误 我们目前的理论是,这可能与javascript文件的加载顺序有关,有时加载顺序会产生冲突,但不确定如何验证,因为不会出现错误 这是我们的索引文件脚本 <!-- JQUERY --> <script type="text/javascript" src="l

我们有一个角度(1.2.19)页面,它使用jQuery验证库进行表单验证。有时,所有的验证功能都消失了:人们可以提交他们想要的任何东西,而没有任何东西经过验证。这种行为可能有50%的时间发生,否则效果很好。控制台中不存在错误

我们目前的理论是,这可能与javascript文件的加载顺序有关,有时加载顺序会产生冲突,但不确定如何验证,因为不会出现错误

这是我们的索引文件脚本

<!-- JQUERY -->
<script type="text/javascript" src="libs/userjs/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="libs/userjs/jquery-validation/dist/jquery.validate.js"></script>
<script type="text/javascript" src="js/extra-validator-methods.js"></script>

<!-- ANGULAR CORE JS -->
<script src="libs/angular/angular.min.js"></script>
<script src="libs/angular-animate/angular-animate.min.js"></script>
<script src="libs/angular-route/angular-route.min.js"></script>
<script type="text/javascript" src="libs/angular-qr/lib/qrcode.js"></script>
<script type="text/javascript" src="libs/angular-qr/angular-qr.min.js"></script>
<script type="text/javascript" src="libs/angular-validate/angular-validate.js"></script>

脚本的顺序不是问题所在;它们每次都以相同的顺序加载(它们阻塞include)

更有可能的是,Angular从DOM中删除
,并在$digest将更改传播到表单的父节点之一后注入一个新的。当jQuery插件第一次运行时,它将处理程序附加到
节点;但是这些输入被删除并替换为新的输入,因此keypress/change/submit事件不会触发jQuery处理程序

最好使用角度事件处理程序(如
ng change
ng submit
等)来验证角度控制器内的输入。尝试同时使用Angular和jQuery管理表单的状态将是一件麻烦事


使用
ng model
跟踪控制器中的每个字段,并在
ng change
上检查它们的值并提供反馈。

您是否可以使用打开的浏览器调试器复制它?要查看
控制台中的
在没有验证的情况下出现了什么错误?