宝哥软件园

AngularJS实现的获取焦点及失去焦点时的表单验证功能示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

本文实例讲述了AngularJS实现的获取焦点及失去焦点时的表单验证功能。分享给大家供大家参考,具体如下:

!DOCTYPE html html ng-app=' form example ' head meta charset=' UTF-8 ' title/title script src=' http :/js/angular。js '/脚本脚本角度。模块('表单示例',[]).控制器(' FormController ',['$scope ',函数($ scope){ $ scope。usertype=' guest$ scope . change=false }]);/script/head dy form name=' my form ' ng-controller=' form controller ' userType :输入名称=' input ' ng-model=' userType ' ng-blur=' change=true ' ng-focus=' change=false '必需的span class=' error ' ng-show=' my form。输入。$错误。必需的更改'必填项/span br/表单/正文/html运行效果:

更多关于AngularJS相关内容感兴趣的读者可查看本站专题: 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。

更多资讯
游戏推荐
更多+