教你如何用AngularJS框架和一行JS代码实现控制验证

如上所示,我们需要实现以下验证功能:

控制是必须失去的控制。

最大长度需要控制。

该页第一次打开,控件不能显示为错误状态。

当输入重新清空时,必须将丢失控件作为错误状态显示。

只有在所有输入有效后,释放按钮才可用。

AngularJS,我们可以很容易地实现这些要求,只有1行的js代码,界面风格采用自举。第一个例子代码:

HTML。






演示













你的名字










邮箱地址*










课题*










内容*



























js代码(真的只有一行)

contractcreatecontroller.js


无功ftitappmodule = angular.module('ftitapp,{ });


没关系。几个关键的地方可以解释:

NG类:这个标签是用来控制该类的值。例如,ng class={ 'has-success:!CreateContactForm。内容。$原始}意味着如果createcontactform价值。内容。为原始真实,阶级的价值已经成功。

NG显示:控制是否显示控件。

createcontactform美元。有效:在所有的验证通过,该值为真,否则为假

CreateContactForm。内容。$有效:确定内容的控制是通过验证,通过真实或虚假

CreateContactForm。内容:确定是否纯净。美元内容控制从未进入。从来没有进入真,否则为假

更详细的技术问题,请看AngularJS技术文件。