@@ -35,7 +35,7 @@ <h1>Schema Form Example</h1>
3535 < div class ="row ">
3636 < div class ="col-sm-4 ">
3737 < h3 > The Generated Form</ h3 >
38- < form name ="ngform " sf-model ="modelData " sf-form ="form " sf-schema ="schema "> </ form >
38+ < form name ="ngform " sf-model ="modelData " sf-form ="form " sf-schema ="schema " ng-submit =" submitForm(ngform,modelData) " > </ form >
3939 < h3 > Model</ h3 >
4040 < pre ng-cloak > {{pretty()}}</ pre >
4141 </ div >
@@ -60,10 +60,8 @@ <h3>Schema</h3>
6060< script type ="text/javascript " src ="http://cdn.jsdelivr.net/g/jquery.ui@1.10 "> </ script >
6161< script type ="text/javascript " src ="../bower_components/tv4/tv4.js "> </ script >
6262< script type ="text/javascript " src ="../bower_components/ace-builds/src-min-noconflict/ace.js "> </ script >
63-
6463< script type ="text/javascript " src ="../bower_components/angular/angular.min.js "> </ script >
6564< script type ="text/javascript " src ="../bower_components/angular-sanitize/angular-sanitize.min.js "> </ script >
66-
6765<!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script> -->
6866<!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular-sanitize.min.js"></script> -->
6967
@@ -74,7 +72,7 @@ <h3>Schema</h3>
7472< script type ="text/javascript " src ="../bower_components/pickadate/lib/picker.date.js "> </ script >
7573< script type ="text/javascript " src ="../bower_components/pickadate/lib/translations/sv_SE.js "> </ script >
7674
77- < script type ="text/javascript " src ="../dist/schema-form.min. js "> </ script >
75+ < script type ="text/javascript " src ="../dist/schema-form.js "> </ script >
7876< script type ="text/javascript " src ="../dist/bootstrap-decorator.min.js "> </ script >
7977< script type ="text/javascript " src ="../dist/bootstrap-datepicker.min.js "> </ script >
8078< script type ="text/javascript ">
@@ -148,6 +146,15 @@ <h3>Schema</h3>
148146 alert ( msg ) ;
149147 } ;
150148
149+ $scope . submitForm = function ( form , model ) {
150+ // First we broadcast an event so all fields validate themselves
151+ $scope . $broadcast ( 'schemaFormValidate' ) ;
152+ // Then we check if the form is valid
153+ if ( form . $valid ) {
154+ alert ( 'You did it!' ) ;
155+ }
156+ }
157+
151158} ) ;
152159
153160</ script >
0 commit comments