xmlhttprequest.comにあるxmlhttprequest.jsを使って、
会社の問い合わせページとして、URLやコメント等を入力して
送信できるメールフォームのページを作っています。
存在しないURLを入力した場合はエラーを返すようにしたのですが、
今度は、メールフォームのコマンドが実行されなくなって
しまいました。
どこがおかしいのかご教示いただきたく。
<html><head><title>お問い合せ</title>
<script type="text/javascript" src="xmlhttprequest.js"></script>
<script type="text/javascript"><!--
xhobj = new XMLHttpRequest();
LoadFlg = 0;
function init(){
}
function go(){
document.form2.Url.value = "http://www.google.co.jp/" + document.form1.Url.value;
document.form2.comment.value = document.form1.comment.value;
if ( all_check(document.form1) ){
document.form2.submit();
}
}
function all_check(form){
if( !(nullCheck(form.Url,"URLを")) ){
return false;
}
if( !(nullCheck(form.comment,"問合せ内容を")) ){
return false;
}
if( !(stateCheck(form.Url)) ){
return false;
}
return true;
}
function alert_focus(obj,str){
alert(str + "入力してください。");
obj.focus();
}
function nullCheck(obj,str){
if (obj.value == "" || obj.value == null){
alert_focus(obj,str);
return false;
}else{
return true;
}
}
function stateCheck(obj){
if(xhobj == null){
alert("お使いのブラウザは対応していません。");
return false;
}
if(LoadFlg == 0){
LoadFlg = 1;
xhobj.onreadystatechange = handleXHRequest;
xhobj.open("GET", "http://www.google.co.jp/"+ obj.value, true);
xhobj.send(null);
} else {
LoadFlg = 0;
xhobj.abort();
return true;
}
}
function handleXHRequest(){
if(xhobj.readyState == 4){
if(LoadFlg == 1){
if(xhobj.status != 200){
form1.state.value=xhobj.status;
alert("存在しているURLを入力してください。");
return false;
}
xhobj.abort();
LoadFlg = 0;
}
return true;
}
}
// --></script>
</head>
<body onLoad="init();">
<form name="form1" id="form1" method="get" action="javascript: go();">
ページURL:http://www.google.co.jp/<input name="Url" id="Url" type="text" value=""><br>
用件:<textarea name="comment"></textarea><br>
<input type="reset" value="取消"><input type="submit" value="送信"><br>
ステータス確認用:<input name="state" type="text" value="">
</form>
<form name="form2" id="form2" method="post" action="http://URL/mail/">
<input type="hidden" name="subject" value="問合せメール">
<input type="hidden" name="Url" value="">
<input type="hidden" name="comment" value="">
</form>
</body></html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
COBOLの数字チェック
-
未選択のプルダウンメニューを...
-
チェックボックスの有無判定
-
未入力のラジオボタンに、alert...
-
度胸試しのJavaScript
-
ランダムに問題を出すプログラム
-
テキストボックスに数字しか入...
-
ピリオド区切りで 4桁.2桁.2桁 ...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
jQuery セレクトボックスで選択...
-
フォームが空欄の時にフォーム...
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
-
javascriptの値をformのinput h...
-
マイナスなら赤字で表示したい...
-
チェックボックスの設定
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
JavaScriptde途中で、「exit」...
-
slickのレスポンシブ > center...
-
COBOLの数字チェック
-
チェックボックスの有無判定
-
フォームの入力チェックをする...
-
Visual Studioのデザインでの非...
-
Tabキーでのカーソルの移動...
-
ツリービューのチェックボック...
-
ドロップダウンリストボックス...
-
コピペを禁止するtextarea
-
ラジオボタンのNullチェック
-
未入力のラジオボタンに、alert...
-
form の onSubmit がコールされ...
-
分岐数といえば
-
JSのみで入力→確認→メールで送...
-
JavaScript ログアウト処理
-
TEXTAREAに入力した改行コード...
-
リロードしないようにするには
おすすめ情報