<!--<script src="js/angular.js"></script>-->
<!doctype html>
<html>
<head>
<!--<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js" type="text/javascript"></script>-->
<!--<script src="lib/angular.js"></script>-->
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<!--<script src="js/main.js"></script>-->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!--<link rel="stylesheet" type="text/css" href="lib/bootstrap.min.css">-->
<!--<link rel="stylesheet" type="text/css" href="css/base.css">-->
<style>
.error{border:1px solid #a30;}/*box-shadow: 1px 1px 6px #a30*/
</style>
</head>
<body ng-app="app" ng-controller="myCtrl">
<form name='signUpForm' ng-submit="submitForm()">
<div class='form-group'>
<label>用户名:</label>
<input name="username"
class="form-control"
ng-minlength='4'
required
ng-model="username"
ng-class="{ 'error':signUpForm.username.$invalid &&
signUpForm.username.$touched }"></input>
<button>提交</button>
</div>
</form>
<script>
angular.module('app',[])
.controller('myCtrl',function($scope){
// function myCtrl($scope){
$scope.submitForm=function(){
alert('表单已提交!');
};
});
</script>
</body>
</html>
