現在、XHTMLで簡単なログイン画面を作成しているのですが、
IEでは正常に動作するのに、Chromeではエラーとなってしまいます。
色々調べてみたのですが解決策が見つからないので
どなたか教えてください。
現象は
ログインボタンをクリックして.jsのclickLogin()を呼びます。
clickLogin()でとりあえず自分をもう一度呼ぶ処理を記述したのですが
document.myForm.action = "Test.xhtml";
でエラーとなります。(Chromeでは。。。)
ChromeとIEでは記述の仕方が違うのでしょうか?
【Test.xhtml】
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="Content-script-Type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="Test.js?v=R001"></script>
<title>ログイン画面</title>
<script type="text/javascript"></script>
</head>
<body >
<form id="myForm" action="" name="myForm" method="post">
<div width="100%">
<div width="100%">
<table>
<tr>
<td>ログイン</td>
</tr>
<tr>
<td>
<table>
<tr>
<td align="right">UserID:</td>
<td align="left"><input type="text" id="txt_user_id" name="txt_user_id" size="30" /></td>
</tr>
<tr>
<td align="right">Password:</td>
<td align="left"><input type="password" id="txt_password" name="txt_password" size="30" /></td>
</tr>
<tr>
<td></td>
<td align="left"><br /> <input type="submit" value="ログイン" onclick="return clickLogin();" /></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>
【Test.js】
function clickLogin() {
var inpUserId = document.getElementById("txt_user_id").value;
var inpPassword = document.getElementById("txt_password").value;
// [UserID]入力チェック
inpUserId = inpUserId.trim();
if (inpUserId == "") {
return false;
}
// [Password]入力チェック
inpPassword = inpPassword.trim();
if (inpPassword == "") {
return false;
}
alert("1");
myForm.action = "Test.xhtml";
alert("2");
myForm.submit();
return true;
}
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
No.1さんの言うとおり、myFormオブジェクトが設定されていないので、動作しません。
以下のように、オブジェクトを取得する事で正常に動作します。
(Chrome バージョン 47.0.2526.106 mにて動作確認)
var inpUserId = document.getElementById("txt_user_id").value;
var inpPassword = document.getElementById("txt_password").value;
var myForm = document.getElementById("myForm"); ←これを追加。
No.1
- 回答日時:
なんか動きそうな気もしますが・・・
>document.myForm.action
var myForm=document.getElementById("myForm");
してみては?
ちなみにもとファイルがTest.xhtmlならactionを書き換えてもそうでなくても同じじゃない?
また違うページを指定してしまうとjavascriptでしかログインできなくなるけど
ほんとうにそういうポリシーで大丈夫?
普通は送られてきたデータをサーバー側でチェックするもんだけど。
(必要項目の抜けなどユーザー補助は有効だけど)
回答ありがとうございます。
回答内容は昨日すでに試していますが、駄目でした。
本当はログインボタン押下でサーバー側でチェックをするのですが
まだそこまで実装していないので、とりあえず自分自身にpostしています。
何は他の方法はありませんでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
formのinputなどの幅100%指定
-
テーブルの一部分のセルだけに...
-
table内の画像を中央寄せ、のせ...
-
Tableタグで作成した表の縮小
-
divで囲んだ文字が消える
-
IEでテーブル内のテキストが...
-
Tableタグ内のspan styleが適応...
-
背景にグラデーション、外枠に...
-
テーブルタグの中にdivを含めて...
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
TABLEのセルの中の文字を行単位...
-
tableにul,または,olを入れられ...
-
テーブルのヘッダとボディの幅...
-
テーブルの任意の列を非表示に...
-
テーブル内に画像を表示したい。
-
TRタグの余白をcssで設定するには
-
テーブルのレイアウトがおかし...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
Tableタグで作成した表の縮小
-
td要素内のdiv要素をセンタリン...
-
Tableタグ内のspan styleが適応...
-
XHTMLに関する質問 順序が逆に...
-
ブラウザによってテーブルのセ...
-
表とリスト(ulとtable)の違い...
-
vbscriptで時計を作りたい
-
formのinputなどの幅100%指定
-
TDタグ内での均等割付の仕方
-
cssで、テーブルのtdの中の文字...
-
センタリングしたページの印刷
-
Firefoxを使ってるのですがズー...
-
divで囲んだ文字が消える
-
Dreamweaver デザインビューの...
-
テーブルの枠線に色が付かない
-
HTMLのテーブルでそれぞれの大...
おすすめ情報