用AngularJS来实现监察表单按钮的禁用效果

前端之家收集整理的这篇文章主要介绍了用AngularJS来实现监察表单按钮的禁用效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这篇博文主要是写给新手的,是给那些刚刚开始接触Angular,并且想了解数据绑定是如何工作的人。

这里主要是用到了$watch监察数据的变化,并用正则判断数据是否符合要求。

关键HTML代码

 <label class="item item-input"&gt; 
  <input type="text" placeholder="验证码" name="check_num" id="check_num" ng-model="codeNum"&gt; 
 </label> 
 <button class="button button-block button-my-style" id="submit_btn" ng-click="submit()" ng-disabled="isSubmitted"&gt;提 交</button> 
</div> 

关键CSS代码

这里主要是AngularJS的代码部分:

}]);

显示效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/44699.html

猜你在找的JavaScript相关文章