应用声明,控制器
<form action="" method="post" id="myForm" name="logForm" ng-submit="submitForm(logForm.$valid)" ng-app="myApp" ng-controller="validateCtrl" novalidate></form>
表单的数据绑定
<input name="name" id="vName" class="weui_input" type="text" placeholder="您要举报的应用完整名称" ng-model="formData.name" required>
单选数据绑定
<input type="radio" class="weui_check" name="bad_type" value="2" ng-model="formData.bad_type" required>
复选框数据绑定
<label>Favorite Colors</label><div class="form-group"><label class="checkbox-inline"><input type="checkbox" name="favoriteColors" ng-model="formData.favoriteColors.red"> Red</label><label class="checkbox-inline"><input type="checkbox" name="favoriteColors" ng-model="formData.favoriteColors.blue"> Blue</label><label class="checkbox-inline"><input type="checkbox" name="favoriteColors" ng-model="formData.favoriteColors.green"> Green</label></div>
打印数据
formData(在表单内打印有效)
表单验证
<input type="button" id="cheForm" class="weui_btn weui_btn_primary" value="举报" ng-show="logForm.$valid"/>
声明表单
//anjularjs表单var app = angular.module('myApp',[]);app.controller('validateCtrl', function($scope){//声明formData$scope.formData={};});
默认隐藏属性显示问题解:
html元素中:
ng-style="style" style="display:none;"
js文件:
//anjularjs表单var app = angular.module('myApp',[]);app.controller('validateCtrl', function($scope){$scope.formData={};$scope.style="{display:none}";$(".weui_btn_primary").show();});
基本上anjular.js表单验证的实例都可以用这个做了,至于其他的可以去看下anjular.js的教程,最后再给大家推荐一个源码网站,名字叫原创源码库,不错的源码发布站点,希望大家喜欢。