ごｊｓのreturn文について

js
1function passwordCheckFunction {
2  var loginPass1= document.getElementById("loginPass1").value;
3  var loginPass2= document.getElementById("loginPass2").value;
4  
5  if(loginPass1 !== loginPass2){
6    alert("パスワードが一致していません。")
7    
8    return false;
9  }else{
10	  return true;
11  }
12}

html
1<form onsubmit="return passwordCheckFunction()">
2<input type="password" name="loginPass1" id ="loginPass1">
3<input type="password" name="loginPass2" id ="loginPass2">
4<button type="submit" value="send">保存</button>
5}

上記で実行してみましたが、コンソールに値が出ます。同じように書いたつもりなのですが、なにが原因かわかりません。

m.ts10806

2019/10/01 06:08

仰っている「コントローラー」がなんなのか明示してください。また、これだけではさまざまな前提や背景がないためどの方向性で回答すべきかが見えません。

退会済みユーザー

2019/10/01 06:16

コントローラーという表現が正しいのかわかりませんが、コンソールに表示されます。

m.ts10806

2019/10/01 06:17

Springですかね…。質問タグへの追加と環境詳細を本文に追記してください。というか、不一致ならそもそもpostしなければ良いのでは？postしたうえでどう処理させたいのでしょうか？そこも含めた「前提や背景」が要件として質問本文に必要です

行動規範の内容に同意します

回答3件

ベストアンサー

こんな感じですか？

javascript
1<script>
2function passwordCheckFunction() {
3  var loginPass1= document.getElementById("loginPass1").value;
4  var loginPass2= document.getElementById("loginPass2").value;
5  if(loginPass1 !== loginPass2){
6    alert("パスワードが一致していません。");
7    return false;
8  }else{
9    return true;
10  }
11}
12</script>
13<form onsubmit="return passwordCheckFunction()">
14<input type="text" name="loginPass1" id="loginPass1" required><br>
15<input type="text" name="loginPass2" id="loginPass2" required><br>
16<input type="submit" value="send">
17</form>

投稿2019/10/01 06:17

yambejp

総合スコア116661

退会済みユーザー

2019/10/01 06:22

はい、そうです。パスワードが一致しない場合アラートが出るのですが、okを押すとコンソールに一致していないじょうたいのままで、コンソールに飛んでしまいます。。

退会済みユーザー

2019/10/01 06:23

一致しない場合はsubmitを押してもreturn文で回避できますでしょうか？

yambejp

2019/10/01 06:26

onsubmit側でreturnで受ければ大丈夫です（回答もそうなっています）

退会済みユーザー

2019/10/02 01:03

ありがとうございます。昨日はなぜかできませんでしたが、今日上記コードをしましたところ実行できました。ありがとうございました。

行動規範の内容に同意します

buttonをsubmitではなく、buttonにしてclickイベントにて一致不一致のチェックを行い、一致しているときの分岐でform.submitするのが流れとしては自然かと思います。

投稿2019/10/01 06:27

m.ts10806

総合スコア80875

退会済みユーザー

2019/10/01 06:53

すいません、form.submitするというのが難しく流れが理解できません。。submitしたときにアラートが出る使用ですが、どういう流れのところをお話しされてますでしょうか？

m.ts10806

2019/10/01 07:08

ボタン押下時に入力のチェックを行います。 OKならformを送信します。 NGならなにもしません。buttonのtypeがbuttonなので。 return不要の案です。 JavaScriptなのであればformをsubmitしなくても入力された情報は取得できます。

退会済みユーザー

2019/10/01 07:16

<button type="button">に変更するだけで実現できるということでしょうか？ <button type="button">に変更し、試してみましたが、コンソールに値が表示されました。

m.ts10806

2019/10/01 07:35

いえ、できません。回答きちんと読んでください。＞clickイベントにて一致不一致のチェックを行い、一致しているときの分岐でform.submitする現在はformのサブミットイベントなのでそこを修正する必要がありますし、リンクを貼ったようにsubmitをJavaScript側から指示する必要があります。

退会済みユーザー

2019/10/01 08:18

調べても分からなく、どのように書くのか教えていただけないでしょうか？

m.ts10806

2019/10/01 09:15 編集

formのonsubmitを書けるならできそうに思いますけども。１ buttonのtypeをbuttonに２ formのonsubmitを廃してbuttonにonclickを追加３ function passwordCheckFunction { ↓ function passwordCheckFunction() { ４ return trueのところをformのsubmitに切り替え。returnは不要 (return trueもreturn falseもなくていい) form.submitについては回答当初にリファレンスへのリンク貼ってるので確認してください。 WebでJavaの時点で「コンソール」は２つでてきます。ブラウザなのかIDEなのか。どちらか明示した方が混乱がありません(現在「コンソールに飛ぶ」という謎ワードもあって回答者に混乱をあたえています)。タグがJavaScriptしかついてないのでJava分からない人がくる可能性が高いですよ。別途指摘したようにタグもきちんと整理してください。１質問に５つまでつけられるので。

退会済みユーザー

2019/10/02 01:05

ありがとうございます。本日ご指示の通り試しましたところ実行できました。ありがとうございました。質問も今後気をつけます。

行動規範の内容に同意します

()がないのでpasswordCheckFunctionが動いていないようです
kevin12345さんのコード