前提・実現したいこと
現在JavaのStrutsを使用して簡易なサイトを作成してます。
javascriptの処理を1つ追加しましたら登録ボタンが効かなくなりました。
alert.jsのclickBtn1関数の下記内容を追加
else if(isNaN(age)){
alert("数値じゃないで");
return false
}
手順
ソース追加→ctrl + f5
エラーメッセージはでません。
コンパイルエラーやF12でコンソール画面を確認してます。
※その他に確認できる方法などあれば大変ありがたいです。
該当のソースコード
JSP
Register
1<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%> 3<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%> 4 5<html:html> 6<head> 7<title>Welcome Register</title> 8<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 9<script type="text/javascript" src="js/alert.js"></script> 10</head> 11<body> 12 <h1>登録画面</h1> 13 <html:form action="/Register"> 14 <%-- 入力項目 --%> 15 <p>userid:</p> 16 <html:text property="userid" /> 17 <br> 18 <p>password:</p> 19 <html:text property="password" /> 20 <br> 21 <br> 22 <p>name:</p> 23 <html:text property="name" /> 24 <br> 25 <br> 26 <p>adress:</p> 27 <html:text property="adress" value="" /> 28 <br> 29 <br> 30 <p>age:</p> 31 <html:text property="age" /> 32 <br> 33 34 <html:submit property="submit" value="登録" onclick="return clickBtn1();"/> 35 </html:form> 36 <a href="http://localhost:8022/SiteM/main.jsp">メイン画面へ戻る</a> 37</body> 38</html:html>
JSP
RegisterResult
1<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2 3<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%> 4<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%> 5 6<html:html> 7<head> 8<title>Welcome Register</title> 9</head> 10<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 11<body> 12 13 <bean:write name="RegistForm" property="userid" scope="request" 14 ignore="true" /> 15 <br> 16 <bean:write name="RegistForm" property="password" scope="request" 17 ignore="true" /> 18 <br> 19 <bean:write name="RegistForm" property="name" scope="request" 20 ignore="true" /> 21 <br> 22 <bean:write name="RegistForm" property="adress" scope="request" 23 ignore="true" /> 24 <br> 25 <bean:write name="RegistForm" property="age" scope="request" 26 ignore="true" /> 27 <br> 28 <p>上記で設定登録しました。</p> 29 <a href="http://localhost:8022/SiteM/Register.jsp">戻る</a> 30 <a href="http://localhost:8022/SiteM/main.jsp">メイン画面へ戻る</a> 31</body> 32</html:html>
JavaScript
alert
1function clickBtn1(){ 2 /* 3 * jsの入力を取得する方法は、「struts-config.xml」.「property」.value 4 * */ 5 var userid = RegistForm.userid.value; 6 var password = RegistForm.password.value; 7 var name = RegistForm.name.value; 8 var adress = RegistForm.adress.value; 9 var age = RegistForm.age.value; 10 //入力空チェック 11 if (userid == "" ){ 12 alert("userid入力してまへんで"); 13 return false; 14 }else if(password == ""){ 15 alert("password入力してまへんで"); 16 return false; 17 }else if(name == ""){ 18 alert("name入力してまへんで"); 19 return false; 20 }else if(adress == ""){ 21 alert("adress入力してまへんで"); 22 return false; 23 }else if(age == ""){ 24 alert("age入力してまへんで"); 25 return false; 26 }else if(isNaN(age)){ 27 alert("数値じゃないで"); 28 return false 29 } 30 //メールチェック 31 var mail_regex1 = new RegExp( '(?:[-!#-\'*+/-9=?A-Z^-~]+.?(?:.[-!#-\'*+/-9=?A-Z^-~]+)*|"(?:[!#-[]-~]|\\[\x09 -~])*")@[-!#-\'*+/-9=?A-Z^-~]+(?:.[-!#-\'*+/-9=?A-Z^-~]+)*' ); 32 var mail_regex2 = new RegExp( '^[^\@]+\@[^\@]+$' ); 33 if( adress.match( mail_regex1 ) && adress.match( mail_regex2 ) ) { 34 return false; 35 } else { 36 alert("メールアドレスの内容を確認の上\n入力して下さい。"); 37 return false; 38 } 39 return true; 40} 41function clickBtn(){ 42 /* 43 * jsの入力を取得する方法は、「struts-config.xml」.「property」.value 44 * 45 * 46 * */ 47 var userid = DeleteForm.userid.value; 48 var password = DeleteForm.password.value; 49 50 //入力空チェック 51 if (userid == "" || password == ""){ 52 alert("空白やで"); 53 return false; 54 } 55 return true; 56} 57 58function clickBtn2(){ 59 /* 60 * jsの入力を取得する方法は、「struts-config.xml」.「property」.value 61 * */ 62 var userid = LoginForm.userid.value; 63 var password = LoginForm.password.value; 64 65 //入力空チェック 66 if (userid == "" || password == ""){ 67 alert("空白やで"); 68 return false; 69 } 70 return true; 71} 72function clickBtn3(){ 73 /* 74 * jsの入力を取得する方法は、「struts-config.xml」.「property」.value 75 * 76 * 77 * */ 78 var aduser = AdminForm.aduser.value; 79 var adpass = AdminForm.adpass.value; 80 81 //入力空チェック 82 if (aduser == "" || adpass == ""){ 83 alert("空白やで"); 84 return false; 85 } 86 return true; 87} 88function clickBtn4(){ 89 /* 90 * jsの入力を取得する方法は、「struts-config.xml」.「property」.value 91 * 92 * 93 * */ 94 var password = UpdateForm.password.value; 95 var name = UpdateForm.name.value; 96 var adress = UpdateForm.adress.value; 97 var age = UpdateForm.age.value; 98 //入力空チェック 99 if(password == ""){ 100 alert("password入力してまへんで"); 101 return false; 102 }else if(name == ""){ 103 alert("name入力してまへんで"); 104 return false; 105 }else if(adress == ""){ 106 alert("adress入力してまへんで"); 107 return false; 108 }else if(age == ""){ 109 alert("age入力してまへんで"); 110 return false; 111 } 112 //メールチェック 113 var mail_regex1 = new RegExp( '(?:[-!#-\'*+/-9=?A-Z^-~]+.?(?:.[-!#-\'*+/-9=?A-Z^-~]+)*|"(?:[!#-[]-~]|\\[\x09 -~])*")@[-!#-\'*+/-9=?A-Z^-~]+(?:.[-!#-\'*+/-9=?A-Z^-~]+)*' ); 114 var mail_regex2 = new RegExp( '^[^\@]+\@[^\@]+$' ); 115 if( adress.match( mail_regex1 ) && adress.match( mail_regex2 ) ) { 116 // 全角チェック 117 if( adress.match( /[^a-zA-Z0-9\!\"\#$\%\&\'()\=\~\|\-^\\@[\;\:]\,./\\<\>?\_\`\{+*\} ]/ ) ) { 118 return false; 119 } 120 121 // 末尾TLDチェック(〜.co,jpなどの末尾ミスチェック用) 122 if( !mail.match( /.[a-z]+$/ ) ) { 123 return false; 124 } 125 126 } else { 127 alert("メールアドレスの内容を確認の上\n入力して下さい。"); 128 return false; 129 } 130 return true; 131}
Java
RegisterAction
1package action; 2 3import javax.servlet.http.HttpServletRequest; 4import javax.servlet.http.HttpServletResponse; 5 6import org.apache.struts.action.Action; 7import org.apache.struts.action.ActionForm; 8import org.apache.struts.action.ActionForward; 9import org.apache.struts.action.ActionMapping; 10import org.apache.struts.action.DynaActionForm; 11 12import bean.AccountBean; 13import dao.RegisterDao; 14 15public final class RegisterAction extends Action { 16 public ActionForward execute(ActionMapping mapping, ActionForm form, 17 HttpServletRequest request, HttpServletResponse response) 18 throws Exception { 19 request.setCharacterEncoding("utf-8"); 20 //formの値の取得 21 DynaActionForm daf = (DynaActionForm )form; 22 23 //値を変数定義 24 String userid = daf.get("userid").toString(); 25 String password = daf.get("password").toString(); 26 String name = daf.get("name").toString(); 27 String adress = daf.get("adress").toString(); 28 String age = daf.get("age").toString(); 29 30 //文字化け修正※無理やりバイト 31 userid = new String(userid.getBytes("8859_1"), "UTF-8"); 32 password = new String(password.getBytes("8859_1"), "UTF-8"); 33 name = new String(name.getBytes("8859_1"), "UTF-8"); 34 adress = new String(adress.getBytes("8859_1"), "UTF-8"); 35 age = new String(age.getBytes("8859_1"), "UTF-8"); 36 37 //DBの実行クラス 38 AccountBean accountbean = new AccountBean(userid, password, name, adress, age); 39 RegisterDao rdo = new RegisterDao(); 40 rdo.RegisterInsert(accountbean); 41 42 //(3)プロパティnameに値を表示 43 daf.set("userid", userid); 44 daf.set("password", password); 45 daf.set("name", name); 46 daf.set("adress", adress); 47 daf.set("age", age); 48 49 return (mapping.findForward("success")); 50 } 51}
試したこと
1.Register.jspのonclickを削除して動作確認しましたが問題はないです。
2.onclickを削除しないままだとalert.jsのclickBtn1()がちゃんと機能します。
3.ブラウザでjavascriptの有効も確認しました。
4.errorがでないので確認ができない。
色々と方法を探ってもみつからないです。
補足情報(FW/ツールのバージョンなど)
FWはStrutsを使用してます。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。