AngularJS-7-表单
来源:互联网 发布:战地使命召唤知乎 编辑:程序博客网 时间:2024/06/06 03:46
表单
<form name="myForm" ng-submit="PostForm()">
<ul>
<li><label>用户名:</label>
<input type="text"name="UserName" ng-model=""form.UserName" required />
<b ng-show="myForm.UserName.$dirty && myForm.UserName.$invalid"><span ng-show="myForm.UserName.$error.required">请输入用户名</span></b>
</li>
---------------------------------------------------------------------------
<li><label>用户名:</label>
<input type="text"name="UserName" ng-model=""UserName" ng-maxlength="18" ng-minlength="8" required />
<b ng-show="myForm.UserName.$dirty && myForm.UserName.$invalid">
<span ng-show="myForm.UserName.$error.required">请输入用户名</span>
<span >请输入8到18位用户名/span>
</b>
</li>
---------------------------------------------------------------------------
<li><label>编号:</label>
<input type="text"name="UserIndex" ng-model=""UserIndex" ng-pattern="/^\d+$/"/>
<span ng-show="myForm.UserName.$dirty && myForm.UserName.$invalid" >请输入您的数字编号</span>
</li>
---------------------------------------------------------------------------
<input ng-diabled="myForm.$invalid" type="submit" value="提交">
---------------------------------------------------------------------------
<li><label> 昵称:</label><input type="text" ng-model=""form.NickName"/></li>
<li><label>年龄:</label><input type="text" ng-model=""form.Age"/></li>
<li><label>是否已婚:</label><input type="checkbox" ng-model=""form.IsMarried"/></li>
<li><label>喜爱的动物:</label>
<input type="radio" ng-model=""form.LoveAnimal" value="狗"/>
<input type="radio" ng-model=""form.LoveAnimal" value="猫"/>
</li>
<li><label>居住的城市:</label>
<select ng-model="form.LocationCity">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
</select>
<select ng-model="form.LocationCity" ng-option="obj.text as obj.value for obj in form.LocationCityList">
</select>
</li>
<li><<input type="submit" value="提交"></li>
</ul>
</form>
var app = angular.module("lesson",[])
app.cotroller("FormCtrl",function($scope){
$scope.formInitObj={UserName:“”,NickName:""}
$scope.form = {};
$scope.form.LocationCityList =[{text:"北京",value:"北京"},{text:"上海",value:"上海"},{text:"广州",value:"广州"}]
$scope.PostForm=function(){
//验证 old
if($scope.form.UserName == "" || $scope.form.UserName == undefined){
alert();
return false
}
console.log($scope.form);
$scope.form = angular.copy($scope.formInitObj)
}
})
- AngularJS-7-表单
- AngularJS 表单
- AngularJS 表单
- AngularJS 表单
- AngularJS 表单
- AngularJs 表单
- AngularJs 表单
- angularJs -- 简单表单验证
- AngularJS表单开发
- Angularjs表单的使用
- 表单验证<AngularJs>
- AngularJS表单验证
- AngularJs表单验证
- AngularJS 的表单验证
- AngularJS 的表单验证
- AngularJS 表单验证
- angularJS 表单使用
- 表单验证<AngularJs>
- leetcode 560. Subarray Sum Equals K & leetcode 1. Two Sum
- 操作给定的二叉树,将其变换为源二叉树的镜像。
- 恭喜您成为 2017 年度 Microsoft MVP
- 创建一个基于SQLITE数据库的类
- HTMLday2旅途
- AngularJS-7-表单
- leetcode 66. Plus One
- MyBatis知识二 配置文件解析一
- 数据库中取出时间数据,JS转换后小时的值多了8个小时
- 算法概论课后题8.16证明
- MySQL免安装环境配置
- 机器人技术(9)AtdRobot读取激光雷达数据教程
- Matlab连接MySQL并实现简单的数据库操作
- Spark伪分布式搭建