forked from why520crazy/angular-w5c-validator
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrepeat.html
More file actions
92 lines (83 loc) · 3.04 KB
/
repeat.html
File metadata and controls
92 lines (83 loc) · 3.04 KB
1
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="author" content="RandomK"> <meta name="robots" content="noindex,nofollow"> <title>Demo</title> <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <script src="http://cdn.bootcss.com/angular.js/1.4.9/angular.min.js"></script> <script src="../src/w5cValidator.js"></script> <script src="../src/directive.js"></script> <style> body { padding: 10px; } #wrapper { margin: 10px auto; max-width: 800px; } .w5c-error { color: #b94a48; display: block; margin-top: 5px; } </style></head><body><div id="wrapper" data-ng-app="mainApp" data-ng-controller="AppController" data-ng-cloak> <form class="form-horizontal" role="form" w5c-form-validate="vm.validateOptions" name="validateForm" autocomplete="off" novalidate> <div class="form-group"> <label class="col-sm-2 control-label">密码</label> <div class="col-sm-6"> <input type="password" class="form-control" name="password" required ng-model="vm.password" ng-minlength="5" ng-maxlength="15" placeholder="输入密码"> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">重复密码</label> <div class="col-sm-6"> <input type="password" class="form-control" name="repassword" required ng-model="vm.repassword" w5c-repeat="password" placeholder="重复密码"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-6"> <button type="submit" class="btn btn-success" w5c-form-submit="submit()">验证</button> <button type="reset" class="btn btn-default" ng-click="validateForm.reset()">重置</button> </div> </div> </form></div><script> var app = angular.module('mainApp', ['w5c.validator']); app.config(['w5cValidatorProvider', function(w5cValidatorProvider) { w5cValidatorProvider.config({ blurTrig: false, showError: true, removeError: true }); w5cValidatorProvider.setRules({ password: { required: '密码不能为空', minlength: '密码长度不能小于{minlength}', maxlength: '密码长度不能大于{maxlength}' }, repassword: { required: '重复密码不能为空', repeat: '两次密码输入不一致' } }); }]); app.controller('AppController', ['$scope', function($scope) { 'use strict'; $scope.vm = {}; $scope.submit = function() { alert('success'); }; }]);</script></body></html><style></style><script></script><!-- Generated by RunJS (Fri Jan 29 15:41:11 CST 2016) 1ms -->