anglejsのSave＆Submitボタンのクリックによるカスタム検証の実装

Question

私はangularjsを初めて使用しています。私は単一ページアプリケーションを開発する必要があります。私は角度検証の実装の要件があります。

私は、ページ上に10個のフィールド（入力、選択、リストボックス）と2個のボタン（保存と送信）を持っています。私が保存をクリックすると、6つのフィールド（例えばちょうど）が有効な値になり、Submitボタンをクリックすると8つのフィールドがチェックされます。

しかし問題があります。ページ上にフォームタグを使用した場合、これらの検証を実装する方法。

あなたのご協力をお待ちしております。

Answer 1

書き込みHTML内のコントローラでこのコード

obj.hasErrorWithsubmit = function (form, field, validation) { 
    if (validation) { 
     return ($scope.submitted && form[field].$error[validation]); 
    } 
    return (form[field].$dirty && form[field].$invalid) || ($scope.submitted && form[field].$invalid); 
}; 


    obj.hasErrorWithsave = function (form, field, validation) { 
    if (validation) { 
     return ($scope.save && form[field].$error[validation]); 
    } 
    return (form[field].$dirty && form[field].$invalid) || ($scope.submitted ``&& form[field].$invalid); }; 

書き込みこの

ng-class="{'classname':obj.hasErrorWithsubmit(Formname,'fieldname','validationType')}"> 

すなわち

ng-class="{'classname':obj.hasErrorWithsubmit(myform,'textfield1','required')}"> 

ng-class="{'classname':obj.hasErrorWithsave (myform,'textfield2','required')}"> 

クラス名は、境界線が

を赤になりcssクラスクリックして 送信ボタンを押す$ scope.submitted = true 保存ボタンをクリックして$ scope.save = trueを作成します