質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
バリデーション

Validationとは特定の入力データが、求められた条件に当てまっているかをチェックするために使われます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Q&A

解決済

1回答

5866閲覧

angular.jsでバリデーション。いずれか必須の項目を入力→送信ボタンを有効にするには?

morie

総合スコア29

バリデーション

Validationとは特定の入力データが、求められた条件に当てまっているかをチェックするために使われます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

0グッド

0クリップ

投稿2016/03/28 10:58

angular.jsでバリデーションを組み込んでいるのですが、input要素に名前、メアド、電話番号などの入力項目を用意し、そのうち名前は必須項目に指定しつつも、メアド、電話については、どちらかを入力することで送信ボタンが有効になるようにするにはどのようにすれば良いのでしょうか?

ある程度調べましたが情報を探し出せず困っております。
ng-requiredに評価式を入れることで解決できるような気がするのですが、
angular.jsの評価式の具体的な書き方が分からなくて。。。

コードは下記のようなものです。

<form name="myForm" novalidate> <input type="text" name="text1" ng-model="sampleText1" ng-required="true"> <div ng-show="myForm.text1.$error.required">必須</div> <input type="text" name="text2" ng-model="sampleText2" ng-required="true"> <div ng-show="myForm.text2.$error.required">必須</div> <input type="submit" ng-disabled="myForm.$invalid"> </form>

どなたかお分かりになられる方、教えてください。。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

<input type="submit" ng-disabled="(myForm.text1.$error.required && myForm.text2.$error.required)">

これでどないだす?

投稿2016/03/29 01:14

tkturbo

総合スコア5572

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

morie

2016/03/29 10:13

できました!ありがとうございました!
tkturbo

2016/03/30 02:03

解決してるけど追記。 angular.jsのバリデータをカスタマイズするともっと細かいエラーハンドリングができるので、そこらへんも調べてみるとよいかも。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問