確認ダイアログでの入力値チェック

現在、確認ダイアログをJSPで作成しているのですが、確認ダイアログでOK、キャンセル
OKが押されたら、入力値の確認をJavaScriptで行うことは可能なのでしょうか？

JSP
1<%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8"%>
3<!DOCTYPE html">
4<html>
5<head>
6<link rel="stylesheet" type="text/css" href="css/menu.css"/>
7<link rel="stylesheet" type="text/css" href="css/setUp.css?20170811"/>
8<meta charset="UTF-8">
9<title>体重管理アプリケーション</title>
10<script src="js/lib/jquery-3.2.1.min.js"></script>
11<script src="js/menu.js"></script>
12<script type="text/javascript">
13function disp(userId){
14	 myRet = confirm("情報を更新してよろしいですか？");
15
16	 if ( myRet == true ){
17	 	var userName = document.getElementById('text1').value;
18	 	var height = document.getElementById('text2').value;
19	 	var targetWeight = document.getElementById('text3').value;
20
21	       location.href= ' /bodyMassIndex/SetUp?userName=' + uN + '&height=' + h + '&targetWeight=' + tw;
22	    }else{
23	        alert("キャンセルされました");
24
25	    }
26	}

momon-ga

2017/08/16 10:33

変数名の、uN、h、twは、userName、height、targetWeightの間違いでは？

cayribaka

2017/08/17 00:34

すみません　変数名間違っていました。

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

回答1件

ベストアンサー

質問通りなら

     if ( myRet == true ){
         var userName = document.getElementById('text1').value;
         var height = document.getElementById('text2').value;
         var targetWeight = document.getElementById('text3').value;

         if ( userName === '' ) {  // なんらかのチェック処理
            alert('名前を入力してください');
            return;  // 関数を終わらせる
         }

           location.href= ' /bodyMassIndex/SetUp?userName=' + uN + '&height=' + h + '&targetWeight=' + tw;
        }else{
            alert("キャンセルされました");

        }
    }

先にチェックした方が好きですね。

function disp(userId){
     // 早めにチェック処理
     var userName = document.getElementById('text1').value;
     var height = document.getElementById('text2').value;
     var targetWeight = document.getElementById('text3').value;
     if ( userName === '' ) {  // なんらかのチェック処理
        alert('名前を入力してください');
        return;  // 関数を終わらせる
     }

     myRet = confirm("情報を更新してよろしいですか？");

投稿2017/08/16 05:41