angular js实现表单验证

1、html代码
        <form name="testform" novalidate="novalidate">
            验证表单是否已经填写:<input type="text" required ng-model="user.name"/>*不能为空*
            <label>{{user.name}}</label>
            <hr />
            验证长度最小值为5:<input type="text" ng-minlength="5" ng-model="user.minlength"/>*最小长度为5*
            <label>{{user.minlength}}</label>
            <hr />
            验证长度最大值为20:<input type="text" ng-maxlength="20" ng-model="user.maxlength"/>*最大长度为20*
            <label>{{user.maxlength}}</label>
            <hr />
            验证匹配指定的正则表达式:<input type="text" ng-pattern="/^[a-zA-Z]*\d$/" ng-model="user.pattern" />*输入为字母*
            <label>{{user.pattern}}</label>
            <hr />
            验证电子邮件:<input type="email" name="email" ng-model="user.email" />*输入电子邮箱*
            <label>{{user.email}}</label>
            <hr />
            验证是否为数字:<input type="number" name="age" ng-model="user.age" />*输入数字*
            <label>{{user.age}}</label>
            <hr />
            验证是否为链接:<input type="url" name="homepage" ng-model="user.facebook_url" />*输入为链接*
            <label>{{user.facebook_url}}</label>
        </form>
2、js代码
<script>
    var app = angular.module('myApp', []);
    app.controller('MyController',['$scope','$filter', function ($scope,$filter) {
        $scope.person = {name:'weijie'};
}]);


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值