- 締切済み
JSのみで入力→確認→メールで送信させるには
以下の流れのフローをJSのみで、DBを使わず作成したいのですが・・・ 1.入力画面（ブランクチェック）→2.入力内容確認画面（戻る、送信ボタン）→3.完了画面 2.の入力内容はメールで送信させたいです。 以下、試みているのですが、うまくいきません・・・（；；） すみません、どなたか助けていただけますでしょうか。。。m（_ _）m <HTML> <HEAD> <!-- script type="text/javascript" src="test.js"></script --><!-- メールでフォームのデータを送信する --> <script type="text/javascript" src="check.js"></script> <link href="design.css" rel="stylesheet" type="text/css"> <TITLE>データ送信テスト</TITLE> </HEAD> <body onload="init()"> <FORM NAME="form1" METHOD="post" ACTION="" ENCTYPE="text/plain" OnSubmit="CheckData(this.form1)"> <TABLE> <TR VALIGN="top"> <TD>お名前</TD> <TD><INPUT TYPE="text" SIZE=50 NAME="username" ID="username"></TD> </TR> <TR VALIGN="top"> <TD>メール本文</TD> <TD> <TEXTAREA NAME="message" COLS=50 ROWS=5 WRAP="virtual" ID="message"> </TEXTAREA> </TD> </TR> <TR> <TD></TD> <TD> <!-- input type="button" value="内容確認" onclick="WriteMail(this.form)" --> <INPUT TYPE="submit" VALUE="送信内容確認"> <INPUT TYPE="reset" VALUE="クリア"> </TD> </TR> </TABLE> </FORM> </body> </HTML> function init(){ username = document.form1.getElementById("username"); message = document.form1.getElementById("message"); //入力内容確認 function CheckData() { var okflg; okflg = 0; if(username.length == 0){ datacheck(1); okflg = 1; } if(message.length == 0){ datacheck(5); okflg = 5; } try{ if(okflg == 0) { document.form1.location = "04.html"; } catch(error){ alert(error.number + "\n" + error.description); } } } function dataCheck(flag){ //データをチェックする関数 var tempStr = "は必ず入力してください。"; if (flag == 1) { alert("お名前" + tempStr); return false; } if (flag == 5) { alert("メッセージ" + tempStr); return false; } return true; } //データ送信 function WriteMail() { try{ if(dataCheck()) { document.form2.action = "mailto:test@test.co.jp"; contents = ('?subject=' + document.form2.sbj.value); } }catch(error){ alert(error.number + "\n" + error.description); } } HTMLとJSを分けており、次の画面でメール送信させたいのですが・・ 考え方としてあっていますでしょうか？
- tamakosato
- お礼率50% (1/2)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- chochobizo
- ベストアンサー率42% (30/70)
試したところ、submitされました。 確認メッセージが出たあと、送信されました。 alert("よんでる");があると２回ボタンを押さないとダメなようでしたので コメントアウトして試しました。 OutlookExpress以外のメーラーではどうなるのかわかりませんが・・
- yambejp
- ベストアンサー率51% (3827/7415)
javascriptでメールを出せるのはブラウザやメーラーなど環境に依存し 不正確きわまりないためやめた方がいいでしょう。 やるならサーバーのメール機能をつかったものにすべきだと思います
補足
的確なアドバイス、ありがとうございます。 そのようにいたしますが、その説得のためにも動かしたいと思います。 サブミットされないのですが、どうしてでしょうか。。。 申し訳ありませんが、ご意見いただければ幸いです。m(_ _)m <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <script> function formload(){ var params = getParameter(decodeURI(location.search)); var str =""; for(i=0; i < params.length; i++) { switch (i) { case 0: str += "お名前：" + params[i] + "<br>"; break; case 1: str += "メールアドレス：" + params[i] + "<br>"; break; case 2: str += "表題：" + params[i] + "<br>"; break; case 3: str += "本文：" + params[i] + "<br>"; //str += params[i] + "<br>"; break; default: break; } document.form2.message.value += params[i] + "\n"; } // ここの段階で入力チェックをまとめてやっても良い document.getElementById("result").innerHTML = "入力内容確認：<br>" + str; } // Query String から 配列を返す function getParameter(str){ var dec = decodeURIComponent; var par = new Array, itm; if(typeof(str) == 'undefined') return par; if(str.indexOf('?', 0) > -1) str = str.split('?')[1]; str = str.split('&'); for(var i = 0; str.length > i; i++){ itm = str[i].split("="); if(itm[0] != ''){ //par[itm[0]] = typeof(itm[1]) == 'undefined' ? true : dec(itm[1]);// 名前を添え字とする場合に有効にする par[i] = typeof(itm[1]) == 'undefined' ? true : dec(itm[1]); } } return par; } function WriteMail() { alert("よんでる"); document.form2.action = "mailto:tamakosato@.co.jp"; contents = ('?subject=' + "テストメール"); // contents = ((document.mailer.who.options[document.mailer.who.selectedIndex].value) ); } </script> <link href="design.css" rel="stylesheet" type="text/css"> </HEAD> <body onload="formload();" > <title>test02-受信側</title> <form name="form2" method="post" action="" enctype="text/plain" OnSubmit="(document.form2.action += contents)"> <div id="result"></div> <br><br> <!-- input type=button value="メール送信" onClick=""/ --> <TABLE> <!--TR VALIGN="top"> <TD>あなたの名前</TD> <TD> <div ID="username"></div> <input type="hidden" id="username_h" value="" OnChange="WriteMail(this.form)"> </TD> </TR> <TR VALIGN="top"> <TD>あなたのアドレス</TD> <TD><INPUT TYPE="text" SIZE=50 NAME="email" OnChange="WriteMail(this.form)"></TD> </TR> <TR VALIGN="top"> <TD>優先度</TD> <TD> <SELECT NAME="priority" OnChange="WriteMail(this.form)"> <OPTION VALUE="normal">普通 <OPTION VALUE="urgent">高 </SELECT> </TD> </TR> <TR VALIGN="top"> <TD>表題</TD> <TD><INPUT TYPE="text" NAME="sbj" OnChange="WriteMail(this.form)"></TD> </TR --> <TR VALIGN="top"> <TD>上記内容でよろしければ、「メール送信」ボタンをクリックしてください</TD> <TD> </TD> </TR> <TR> <TD><textarea name="message" cols=50 rows=5 wrap="virtual" onchange="WriteMail(this.form)" id="message"> </textarea> </TD> <TD> </TD> </TR> <TR> <TD><INPUT TYPE="submit" VALUE="メール送信"> <INPUT type="button" value="入力内容を修正" onClick="history.back()"> </TD> <TD></TD> </TR> </TABLE> </FORM> </body> </HTML>
関連するQ&A
- javascriptを使ったPWと入力の確認
今HTMLで新規登録用のフォームを作っています。 入力欄は名前、PW, PW(再確認), メールアドレス、があり、その下に送信ボタンがあります。 まず、[送信]をクリックしたときに未入力や書式が違った場合はエラーを、 問題が無い場合は完了画面を表示させたいです。 次に、ＰＷとＰＷ（再確認）の文字列が違う場合のメッセージを出したいです。 ソースはこのような感じです <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>新規登録</title> <SCRIPT TYPE="text/javascript"> Function check() { a = document.User.A.Value; b = document.User.B.Value; c = document.User.C.Value; d = document.User.D.Value; w = ""; F = ""; if (a=="") { w = "名前"; F = "A"} if (b=="" || !b.match(/^[A-z]/)) { w += "Password"; if(F == "") F = "B"} if (c=="" || !c.match(/^[A-z]/)) { w += "Password"; if(F == "") F = "C"} if (d=="" || !d.match(/^.+@.+\..+/)) { w += "メールアドレス"; if(F == "") F = "D"} f (w!="") {alert(w+"が未入力または書式が違います。"); document.User.elements[F].focus(); return false} } </SCRIPT> </head> <body onLoad="document.User.A.focus()"> <center> <br> <form method="post" action="example.cgi" name = "User"> <table style="font-size:11pt" cellpadding="2"> <tr><td></td><td style="font-size:14pt"><B>-------新規登録-------</B> <br></td></td><td></tr> <tr><td align="right">名前:</td><td><input type="text" name="A" size="40"></td> <td>(全角)</td></tr> <tr><td align="right">Password:</td><td><input type="password" name="B" size="40"></td> <td>(半角)</td></tr> <tr><td align="right">Password(再確認):</td><td><input type="password" name="C" size="40"></td> <td>(半角)</td></tr> <tr><td align="right">メールアドレス:</td><td><input type="text" name="D" size="40"></td> <td>(半角)</td></tr> <tr><td></td><td><input type="button" value="送信" onclick="return check()"></td><td></td></tr> </table> </form> </center> </body> </html> 間違っているのは分かるのですが、何が違うか分かりません＞＜ 解答お願いします。
- 締切済み
- その他([技術者向] コンピューター)
- 入力チェックの外部スクリプトについて
どなたか、お分かりになる方がおりましたらご指導お願いいたします。 フォームの入力チェックのjavascriptを外部ファイルにしたいのですが外部ファイルにすると動かなく なります。htmlファイル内部に記入すると動きます。以下のようにしています。 jabascriptは フォルダjsに入っています。 function formcheck(){ if(document.otoiawase.kenmei.value==""){ alert ("お問い合わせ件名を入力してください。"); return false; } if(document.otoiawase.email.value==""){ alert ("emailを入力してください。"); return false; } if(document.otoiawase.honbun.value==""){ alert ("本文を入力してください。"); return false; } } html文は以下の用になっています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="content-language" content="ja" /> <meta http-equiv="robots" content="index" /> <meta name="kywords" contents="" /> <script type="text/javascript" src="../js/check_otoiawase.js"> </script> <title></title> </head> <body> <form action="****.php" method="post" name="otoiawase" onsubmit="return formcheck()"> <table> <tr> <td> <label>件名：</label> </td> <td> <input type="text" size="40" name="kenmei" /> </td> </tr> <tr> <td> <label>Email：</label> </td> <td> <input type="text" size="40" name="email" /> </td> </tr> <tr> <td colspan="2"> <textarea cols="40" rows="10" name="honbun"></textarea> </td> </tr> <tr> <td colspan="2"> <input type="submit" name="sousin" value="送信" /> </td> </tr> </table> </form> </body> </html> htmlファイルから見ますと、javascript文は一つ上の階層にある別のフォルダに入っていますので ../js/check_otoiawase.jsとしています。 よろしくご指導お願いいたします。
- 締切済み
- JavaScript
- フォームメールでURL送信時、存在しないURLの入力を拒否したい
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>
- ベストアンサー
- JavaScript
- 外部ファイルを読み込めない
初めまして。いつも質問やその回答を読ませていただいて、参考にさせていただいてます。 javascriptで作った超簡単なプログラムが動かないんです。 どなたか、助けてください。(>_<) 以下、test.htmlとtest.jsを作って、試して見ているのですが、動かない理由が分からず苦しんでいます。 =============test.html============= <html> <head> <script type="text/javascript" language="javascript" src="./test.js" ></script> </head> <body> <table> <form name="form2" method="post" onSubmit="return check()"> <tr><td><input type="text" name="names" size="50"></td></tr> <tr><td><input type="submit" name="submit" value="予約"></td></tr> </form> </table> </body> </html> =============test.html============= =============test.js============= function check(){ names=document.form2.names; if(names.value == ""){ alert("お名前を入力してください。"); names.focus(); return false; } else return true; } =============test.js============= どちらも、同じディレクトリに入れています。safari、ieでも×です。 どなたか、教えていただけませんでしょうか。
- ベストアンサー
- JavaScript
- PHPとJSを使ったお問い合わせフォームについて
こんにちは、セレクトボックスの選択部分を変更するとフォームの内容が変わるというフォームを作っているんですが色々試しても何がどうおかしいのかわからないので質問させていただきます。 PHPは特に触り始めて間もないのでわかりやすく教えてもらえると嬉しいです。 多分色々とおかしいことになってると思いますが出来るだけ分かりやすくよろしくお願いいたします。 【index.html】 <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> fieldset{ border: none; } </style> <script type="text/javascript"> function setForm(ex) { var target = ex.value; var group = ex.form.getElementsByTagName("FIELDSET"); var i=0, fs; while(fs=group[i++]) fs.style.display = fs.id == target?"block":"none"; } </script> </head> <body> <form action="form.php" method="post"> <table> <tr> <td>用件</td> <td> <select name="select1" onchange="setForm(this)"> <option value="">選択してください</option> <option value="A">ご質問</option> <option value="B">資料請求</option> <option value="A">その他</option> </select></td> </tr> </table> <fieldset id="A"> <table> <tr> <td>お名前</td> <td><input type="text" name="name" value=""></td> </tr> <tr> <td>Mail</td> <td><input type="text" name="mail" value=""></td> </tr> <tr> <td>サイトを知ったきっかけ</td> <td><input type="checkbox" name="chance[0]" value="friend">知り合い <input type="checkbox" name="chance[1]" value="serch">検索エンジン<td> </tr> <tr> <td>ご質問内容</td> <td><textarea name="message" cols="60" rows="5"></textarea></td> </tr> </table> </fieldset> <fieldset id="B"> <table> <tr> <td>お名前</td> <td><input type="text" name="name" value=""></td> </tr> <tr> <td>Mail</td> <td><input type="text" name="mail" value=""></td> </tr> <tr> <td>性別</td> <td><input type="radio" name="gender" value="man">男 <input type="radio" name="gender" vakue="woman">女</td> </tr> <tr> <td>住所</td> <td><input type="text" name="address" value=""></td> </tr> </table> </fieldset> <input type="submit" value="送信する" /> </form> </body> </html> </html> 【form.php】 <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <?php mb_language("japanese"); mb_internal_encoding("utf-8"); if(!empty($_POST['mail'])){ $to=$_POST['mail']; $name=$_POST['name']; $chance=$_POST['chance']; $message=$_POST['message']; $gender=$_POST['gender']; $address=$_POST['address']; $form=mb_encode_mimeheader(mb_convert_encoding("自分の名前","JIS","UTF-8"))."<aaa@aaa.com>"; $success=mb_send_mail($to,"名前：".$name."サイトを知ったきっかけ:".$chance."お問い合せ内容:".$messagge."性別：".$gender."住所:".$address,"from:".$from); } ?> <?php if ($success) { print('送信しました。'); } else { print('送信に失敗しました。'); } ?> </body> </html> よろしくお願いします！！！！
- 締切済み
- JavaScript
- PHPでのメールフォームにつてい。下記のソースで送信・受信できますか？
それから、何処に、送信先のアドレスを入れればいいでしょうか？？ <html lang="ja"> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>mail</title> </head> <body> <br> <h3>Mail Form</h3> <!-- error --> <?PHPif ($error) { echo $error; }else{?><!-- form --> <form enctype="multipart/form-data" action="<?PHP echo EXE; ?>" method="post"> <table> <tr> <td>題名</td> <td><input type="text" name="subj" size="34" value="題名"></td> </tr> <tr> <td>アドレス</td> <td><input type="text" name="mail" size="34" value="あなたのアドレス"></td> </tr> <tr> <td>名前</td> <td><input type="text" name="name" size="34" value="ここに名前"</td> </tr> <tr> <td>内容</td> <td> <textarea name="？？？" cols="50" rows="10" wrap="soft"> ここに内容</textarea> </td> </tr> <tr> <td> File </td><td><input type="file" name="file" size="28"> <input type="submit" value="送信"> </td></tr> </table> <br> </body></html>
- ベストアンサー
- PHP
- javascriptを使用したメール送信の処理方法
本を参考に独学で問合せフォームを作成しています。（初心者です） 未入力項目が0の時は送信ボタンを押すと（ｐｈｐに）送信できるようにしたいのですが、javascriptにどのようなコードを入れればよいのでしょうか。 下記は本に記載されているコードなのですが、下記だけだと送信することが出来ません。 ご教示お願いします。 【js】の下記の部分にコードを入れればいいのかと思うのですが、どういうコードをどのように入れればいいのかわかりません。 //エラーカウントが0であれば、エラー無し if( errorCount == 0 ){ alert( '送信内容にエラーはありません。' ); }; また、下記のHTMLの最初の行の<form id="myForm" method="post" >にaction="info.php"を入れてみましたが、info.phpに飛ばないのですがどうしてなのでしょうか？ 【HTML】 <form id="myForm" method="post" > <table> <tr> <th><label for="formName">名前 <span class="ind">必須</span></label></th> <td><input type="text" name="formName" id="formName"></td> </tr> <tr> <th><label for="formFurigana">ふりがな <span class="ind">必須</span></label></th> <td><input type="text" name="formFurigana" id="formFurigana"></td> </tr> <tr> <th><label for="formTell">電話番号 <span class="ind">必須</span></label></th> <td><input type="text" name="formTell" id="formTell"></td> </tr> <tr> <th><label for="formMail">メールアドレス <span class="ind">必須</span></label></th> <td><input type="text" name="formMail" id="formMail"></td> </tr> <tr> <th><label for="formInquiry">お問い合わせ内容 <span class="ind">必須</span></label></th> <td><textarea rows="9" name="formInquiry" id="formInquiry"></textarea></td> </tr> </table> <p><input type="submit" value="送信内容を確認する"></p> </form> </div> 【jsのコード】 $(function(){ function setMyForm(target){ var ERROR_MESSAGE_CLASSNAME = 'errorMsg'; //エラー時のメッセージ要素のclass名 var ERROR_INPUT_CLASSNAME = 'errorInput'; //エラー時のinput要素のclass名 var items = []; //チェック対象となるテキスト入力要素を格納した配列 //項目チェックする var checkAll = function(){ var errorCount = 0; //項目：名前のチェック checkEmptyText( items[0], '名前をご入力ください。' ); //項目：ふりがなのチェック checkEmptyText( items[1], 'ふりがなをご入力ください。' ); //項目：電話番号のチェック checkEmptyText( items[2], '電話番号をご入力ください。' ); //項目：メールアドレスのチェック checkEmptyText( items[3], 'メールアドレスをご入力ください。' ); //項目：お問い合わせ内容のチェック checkEmptyText( items[4], 'お問い合わせ内容をご入力ください。' ); //input,textareaのチェック for( var i=0; i<items.length; i++ ){ if( items[i].prop('isSuccess') == false ){ errorCount++; }; }; //エラーカウントが0であれば、エラー無し if( errorCount == 0 ){ alert( '送信内容にエラーはありません。' ); }; }; //エラーメッセージの追加 var addErrorMessage = function(selector, msg){ removeErrorMessage(selector); selector.before('<span class="'+ERROR_MESSAGE_CLASSNAME+'">'+msg+'</span>'); selector.addClass(ERROR_INPUT_CLASSNAME); }; //エラーメッセージの削除 var removeErrorMessage = function(selector){ var msgSelector = selector.parent().find('.'+ERROR_MESSAGE_CLASSNAME); if( msgSelector.length != 0 ){ msgSelector.remove(); selector.removeClass(ERROR_INPUT_CLASSNAME); }; }; //input,textareaの未入力チェック var checkEmptyText = function(selector, msg){ if( selector.val() == '' ){ addErrorMessage(selector, msg); selector.prop('isSuccess', false); }else{ removeErrorMessage(selector); selector.prop('isSuccess', true); }; }; //初期設定 var init = function(){ //submitイベントの設定 target.on({ 'submit': function(){ checkAll(); return false; } }); //input要素を配列に格納 items = [ target.find('input[name=formName]'), target.find('input[name=formFurigana]'), target.find('input[name=formTell]'), target.find('input[name=formMail]'), target.find('textarea[name=formInquiry]') ]; //input要素のプロパティを設定 $.each(items, function(index){ items[index].prop('isSuccess', false); }); //enterキーでsubmitしてしまうのを防止する target.find('input[type=text]').on({ 'keypress': function(e){ if( (e.keyCode == 13) ) return false; } }); }; init(); }; setMyForm($('#myForm')); });
- 締切済み
- JavaScript
- エラーチェックの送信について
下記のようなコードでエラーチェックを行い、エラーがなければ送信というシステムを書いています。 しかし、下記のような現象が起きます。 ・エラーチェックをし、エラーメッセージが出力されるが、表示されるダイアログを消すとエラーメッセージも消えてしまう。 これをエラーメッセージを残したままにしたいと考えています。 何卒よろしくお願い致します。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS入力チェックサンプル</title> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript" src="el_validation.js"></script> <style type="text/css"> .custom_error { background-color:#a00; }} </style> <script> // 初期化 $(document).ready(function(){ $.el_valid.init({ // 各種入力チェック "item01":{"rule":["required"]}, // 複合、チェックタイミングの指定 "item_a0":{"rule":["required","min_length[5]","max_length[10]"]}, // 複数のバリデーション "item_a1":{"rule":["required","url"], "on":"blur"}, // フォーカス移動時のみチェック "item_a2":{"rule":["required","email"], "on":"blur"}, // フォーカス移動時のみチェック "item_a3":{"rule":["required","tel"]}, // フォーカス移動時のみチェック // エラーの出力場所、表示方法変更 "item_b1":{"rule":["required"], "err":"item_b1_error"}, // エラー場所指定 "item_b2":{"rule":["required"], "err_class":"custom_error"}, // エラークラス指定 "item_b3":{"rule":["required"], "err":"item_b3_error", "err_class":"custom_error"} // エラー場所・クラス指定 }); }); // 全バリデーション var return_check = function() { if ($.el_valid.all()) { // 全チェック alert('チェックOK'); } else { alert('入力エラーがあります'); return(false); } } </script> </head> <body> <form method="post" onsubmit="return_cheack"> <table> <tr><td>必須</td><td><input type="text" id="item01"><span id="e_item01"></span></td></tr> <tr><td>必須、5から10文字</td><td><input type="text" id="item_a0"><span id="e_item_a0"></span></td></tr> <tr><td>電話番号（フォーカス移動時のみ）</td><td><input type="text" id="item_a3"><span id="e_item_a3"></span></td></tr> </table> <br> <input type="submit" value="送信" onclick="return_check()"><br><br> <a href="http://ellsif.com/blog/?p=1">blog記事</a> </form> </body> </html>
- ベストアンサー
- JavaScript
- <form>でアップロードする画像を表示させたい
<form>でユーザーの名前や顔写真を入力してもらってサーバーに送るルーチンを作っています。ユーザーがアップロードしたい自分の写真を選んだときに、確認のためにその写真を表示させたくて、下のようなコードを書きましたが、写真が表示されません。 いろいろやっていて、<input type="file">を参照したときに戻される値は、写真のフルパスではなくて最後のファイル名だけだとわかりましたが、これをフルパスのURLで取得する方法はないでしょうか？ <script type="text/javascript" language="javascript"> function dispGazo(){ document.getElementById("kao").src="'"+document.getElementById("userGazo").value+"'"; } function checkInput(){ if( document.forms[0].userName.value == ""){ alert("お名前は必ず入力してください。"); return; } } </script> . . . . <form enctype="multipart/form-data" accept-charset="UTF-8" method="post" action="QAtouroku.php" onsubmit="checkInput();"> <table border="1" width=80%> <tr><td>お名前：<input type="text" name="userName" size=30> </td></tr> <tr><td>お写真：<input type="file" name="userGazo" id="userGazo" size=80 value="右のボタンを押して、登録する画像ファイルを探します。" onchange="dispGazo();"></td> </tr> <tr><td><img id="kao" width=100 alt="写真" ></td></tr> . . . </table> </form> どうかよろしくお願いします。 papashiro
- ベストアンサー
- JavaScript
- メール送信フォーム
メール送信フォームを作成しているのですが、 悩み続けて1週間たちました（とほほ） 今自分自身で理解してる事は System=Linux Server=Apache PHP=4.23 sendmail_path=/usr/sbin/sendmail -t -i Configure Command=--enable-mbstring と言う事で mb_send_mailが使えるのは確認できました。 ページは下記のように記載してあります。 エラーはでませんが、メールが届きます。 わかる方教えていただけますでしょうか？ 一部省略しています。 <FORM METHOD="POST" ACTION="<?php echo $PHP_SELF; ?>" ENCTYPE="text/plain"> <TABLE BORDER="0" CELLSPACING="2" CELLPADDING="2"> <TR> <TD><INPUT TYPE="text" NAME="from" SIZE=40></TD> </TR> <TR> <TD > <SELECT NAME="to"> <OPTION VALUE="---">---</OPTION> <OPTION VALUE="xxx@xxx.com">商品</OPTION> </SELECT> </TD> </TR> <TR> <TD > <textarea name="message" ></textarea> </TD> </TR> <TR> <TD > <nput type="hidden" name="actionモ VALUE=post> <input type="hidden" name="subject" value="質問"> </TD> </TR> </TABLE> </FORM> <?php function SendMessage(){ global $to,$subject,$meessage,$from; if(mb_send_mail($to, $subject, $meessage, $from)){ print "メールが送信されました。$to"; } else { print "メールの送信に失敗しました"; } } if($action == "post"){ SendMessage(); } else{ } ?>
- ベストアンサー
- PHP
お礼
わざわざありがとうございました。 大変参考になりました。m(_ _)m