教你如何用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技术文件。