对文本框的一点小应用!

原创 2013年12月05日 10:59:57
1.对用户名进行验证,把它设置为必填项:
    %form(name="myform" ng-controller="userctrl")
      %input(name="input" ng-model="username" required )
         用户名:
      %span(class="error" ng-show="myform.input.$error.required")
         必填!
    function userctrl($scope)
    {
     $scope.username="user";
     }
     angular.module("App",[] );  //必须要写,否者无法运行
 


知识点1:angular.module  
    The angular.module is a global place for creating, registering and retrieving(检索) Angular modules.
   (1)// Create a new module
    var myModule = angular.module('myModule', [ ]);
 
      // register a new service
    myModule.value('appName', 'MyCoolApp'); 
  
知识点2:ng-model
     The ngModel directive binds(捆绑,约束) an       input,select, textarea (or custom form control)       to a property(性能) on the scope using NgModelController, which is created and exposed by this directive.


知识点3;ng-model ,ng-show ,ng-hide  ,ng-disabled 混搭使用
    (1) <div>                                                                                              (2)
           <input type="checkbox" ng-model="check">                                  <input ng-model="input">
          <div ng-show="check">                                                      
          show:                                                                                                         <div ng-disabled="!input">  
            <div>hello</div>
          </div>
           <div ng-hide="check">
          show:            
            <div>bye bye</div>
          </div>
      </div>      //相应的样式自己添加吧!

完美实现控制文本框只能输入(包括键入和粘贴)数字和至多一个小数点

注:本文代码的核心部分非本人原创,是引用的,参见地址http://biancheng.dnbcw.info/java/247881.html,我改正并完善了他的使用方法,并写了介绍和总结。 1、只...
  • u014447968
  • u014447968
  • 2016年04月24日 21:52
  • 1155

MFC编辑框设置,输入、输出数据最多保留5位小数

1.获取文本改变(输入更多字符时)的消息时,获取输入的内容,判断小数点后位数(笨办法是查找小数点位置),如果超出要求,就通过sprintf使用%.5f这样的办法,把输入的数字改为符合需求的格式,然后更...
  • ccfxue
  • ccfxue
  • 2016年03月22日 10:57
  • 2715

html中怎么将标签左对齐,而文本框右对齐的方法

表单设计应该是网页设计中最常遇上的,而一般表单就包括说明文字即标签,以及对应的文本框、文本区域等表单元素。此时就经常遇到一个设计问题,左侧的标签该左对齐呢还是右对齐?其实各有好处,使用左对齐的表单设计...
  • zhanghaibing0903
  • zhanghaibing0903
  • 2014年10月06日 22:14
  • 14963

对自动完成文本框(AutoCompleteTextView)组件的一点补充

自动完成文本框(AutoCompleteTextView)从EditText派生而出,实际上它也是一个文本编辑框,但比普通编辑框多了一个功能:当用户输入一定字符后,自动完成文本框会显示一个下拉菜单,供...
  • u010142437
  • u010142437
  • 2013年06月13日 00:58
  • 1149

精彩编程与编程技巧-在VB应用程序中使用INI文件的一点体会...

  • 2009年10月10日 20:14
  • 5KB
  • 下载

精彩编程与编程技巧-在VB应用程序中使用INI文件的一点体会...

  • 2009年10月10日 00:25
  • 5KB
  • 下载

C#程序模拟联五子游戏(人工智能) 这个程序多少也涉及到了一点人工智能应用,算法突出

  • 2009年06月09日 13:58
  • 906KB
  • 下载

应用4-1 文本框内容检测(jQuery权威指南源码)

描述:DOM加载完毕,文本框获取焦点(trigger);失去焦点时会检测文本中的值,为空或者邮箱检测 code:     文本框中的事件应用                 src="Jscr...
  • yangwen123222
  • yangwen123222
  • 2018年01月08日 09:27
  • 19

编写一个应用程序,用户分别从两个文本框输入学术的姓名和分数,程序按成绩排序将这些学生的姓名和分数显示在一个文本区中

package test;import java.awt.Color; import java.awt.GridLayout; import java.awt.event.ActionEvent; i...
  • wanghaifeng0608
  • wanghaifeng0608
  • 2017年11月29日 20:15
  • 81

编写一个应用程序,用户分别从两个文本框输入学术的姓名和分数

编写一个应用程序,编写一个应用程序,用户分别从两个文本框输入学术的姓名和分数,程序按成绩排序将这些学生的姓名和分数显示在一个文本区中,程序按成绩排序将这些学生的姓名和分数显示在一个文本区中 pac...
  • Qiqi_Queen
  • Qiqi_Queen
  • 2017年12月19日 22:25
  • 70
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:对文本框的一点小应用!
举报原因:
原因补充:

(最多只允许输入30个字)