すべての入力が入力されていない場合はボタンを無効にしようとしています。入力されてボタンが有効になっている場合。角度入力でのフォーム入力の確認
また、入力フィールドにテキストがない場合でも、ユーザーが無効化されたボタンをクリックした場合にのみ、入力の下にテキストを印刷しようとしています。
私の質問
テキストは、すべての入力フィールドに存在したら、彼らがいない場合、無効ボタンをユーザーがクリックすると
<div ng-if="!myForm.Lname.$invalid">
<p>This field is required</p>
</div>
を示してどのように私は私のボタンを有効にするために自分のコードを変更しません
ですが、テキストが入力フィールドにない場合に限ります。
FULL CODE
<div class="form-group">
<label for="first-name">First Name*</label>
<input type="text" class="form-control" name="Fname" placeholder="Enter first name" ng-model="formData.Fname" ng-required="true">
<div ng-if="!myForm.Fname.$invalid">
<p>This field is required</p>
</div>
</div>
<div class="form-group">
<label for="last-name">Last Name*</label>
<input type="text" class="form-control" name="Lname" placeholder="Enter last name" ng-model="formData.Lname" ng-required="true">
<div ng-if="!myForm.Lname.$invalid">
<p>This field is required</p>
</div>
</div>
<div class="form-group">
<label for="email">Email*</label>
<input type="email" class="form-control" name="email" placeholder="Enter a valid email address" ng-model="formData.email" ng-required="true">
</div>
<div class="form-group row">
<div class="col-xs-6 col-xs-offset-3">
<button ui-sref="form.select" class="btn btn-block btn-info" ng-disabled="!myForm.Fname.$valid">
Next Section <span class="glyphicon glyphicon-circle-arrow-right"></span>
</button>
</div>
</div>
あなたのコードスニペットは、フォームタグが含まれていない、あなたは完全なコードを投稿することができます! –
フォームには、名字、姓、電子メールの3つのフィールドしかありませんか?無効にされたボタンをクリックするのは、IMOナンセンスです。 – cezar
なぜユーザーは無効なボタンをクリックしますか?あなたがボタンを押す前に、フォームを完了するためにユーザーをガイドする場合。必要なフィールドの前に*を追加し、無効にしたボタンに 'カーソル:不可'を追加することができます – NKDev