栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > Bootstrap教程

AngularJs表单验证源码

AngularJs表单验证源码

  1. index.html


    
 
 仁平君 终南山下,汉水之滨。仁平君者,独步武林。
 
 
 
 
 
    
    
 
     
 
 
 
 
 
 
    

  1. app.less
.wrapper {
 max-width:500px;
 height:auto;
 margin:20px auto;
 padding:0 10px;
 .input_result {
     position:relative;
     top:-27px;
     left:95%;
 }
}

3.app.js

angular.module('myApp',[])
    .controller('signUpController',function($scope){
 $scope.userdata = {};
 $scope.submitForm = function(){
     console.log($scope.userdata);
     if($scope.signUpForm.$invalid)
  alert("请检查输入的信息");
     else
  alert("提交成功")
 };
    })

    .directive('compare',function(){
 var o = {};
 o.strict= "AE";
 o.scope = {
     orgText:"=compare"
 }
 o.require = "ngModel";
 o.link = function(sco,ele,att,con){
     con.$validators.compare = function(v){
  return v == sco.orgText;
     }
     sco.$watch("orgText",function(){
  con.$validate();
     });
 }
 return o;
    })

4.预览

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243700.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号