ホームページ  >  記事  >  ウェブフロントエンド  >  angularJS フォームを送信 (フォーム)_AngularJS

angularJS フォームを送信 (フォーム)_AngularJS

WBOY
WBOYオリジナル
2016-05-16 16:15:04980ブラウズ

コードは非常に単純なので、あまり意味のないことには触れず、コードだけを示します。

コードをコピーします コードは次のとおりです:



<頭>

無題のドキュメント

<スクリプト src="http://localhost:81/js/jquery.js">

<スクリプト src="http://localhost:81/js/angular.min.js">



                                                                                             
& Lt; ボタン ng-click = "do ()" & gt; / ボタン & gt;                                                                                        

<スクリプト>
app = angular.module("app",[]);
App.directive('test',function() {
//フォームフォーム命令には、4 番目のパラメータとしてデフォルトのコントローラがあります
var link = function($scope, $element, $attrs, $ctrl) {
$scope.do = function() {
//$ctrl.$setDirty();
console.log($ctrl.$pristine) //フォームは触られていませんか?
console.log($ctrl.$dirty) //フォームがパッシブかどうか
console.log($ctrl.$valid) //フォームが検証されたかどうか
console.log($ctrl.$invalid) //フォームにエラーはありますか
console.log($ctrl.$error) //
形式のエラーのあるフィールド }
}
return {
コンパイル: function() {
戻りリンク
},
require: 'form',
制限: 'A'
}
});
app.controller('TestCtrl', function($scope){
//コントローラーがない場合、これは初期化されません..
});






ここで共有するのは、最も基本的な angularJS フォームの検証です。気に入っていただければ幸いです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。