Q&A
#button1 のHTMLを見たいのですが可能ですか？
JSP
1$('#button1').on('click',function(){ 2 if ($('#hoge').val() =="" || $('#hoge1').val() =="" ) { 3 $('#sms').text("未入力箇所があります"); 4 } ←ここまでは写る 5 6/*全角入力はじく*/ 7 var mail_regex1 = new RegExp( '(?:[-!#-\'*+/-9=?A-Z^-~]+\.?(?:\.[-!#-\'*+/-9=?A-Z^-~]+)*|"(?:[!#-\[\]-~]|\\\\[\x09 -~])*")@[-!#-\'*+/-9=?A-Z^-~]+(?:\.[-!#-\'*+/-9=?A-Z^-~]+)*' ); 8 var mail_regex2 = new RegExp( '^[^\@]+\@[^\@]+$' ); 9 if( address.match( mail_regex1 ) && address.match( mail_regex2 ) ) { 10 // 全角チェック 11 if( address.match( /[^a-zA-Z0-9\!\"\#\$\%\&\'\(\)\=\~\|\-\^\\\@\[\;\:\]\,\.\/\\\<\>\?\_\`\{\+\*\} ]/ ) ) { 12 return false; } 13 // 末尾TLDチェック（co,jpなどの末尾ミスチェック用） 14 if( !address.match( /\.[a-z]+$/ ) ) { return false; 15 } 16 **→ここが指摘していただき削除した部分です** 17 } else { 18 return false; 19 } 20 21/*パスワード生成部分*/ 22 var seed0 = '0123456789qwertyuiopasdfghjklzxcvbnm';//英数字 23 var pwd= ''; 24 for(var i=0;i<8;i++) { 25 var pos = Math.floor(Math.random() * seed0.length); 26 pwd += seed0[pos]; 27 } /*for*/ 28 29 $('<input>').attr({ 30 type: 'hidden', 31 id: 'input_id', 32 name:'pwd', 33 value:pwd 34 }).appendTo("form");/*''と""ひとつで変数はできなくなる"*/ 35 36 });
```JSP 初めての方への登録ボタン <html:submit property="dispatch" styleId="button1"> <bean:message key="firster"/> </html:submit>
<```HTML label for="name"> 氏名：</label> <input type="text" name="name" value="" id="hoge"> <br/><br/> <p><label for="email">メールアドレス：</label> <input type="text" name="address" value="" id="hoge1"> <input type="submit" name="dispatch" value="登録" id="button1"></p>
パスワードをnullじゃなく、したいです
現状：未入力箇所がありますが出た後動作を飛ばしnullパスワードがメールで届きます
それはHTMLではないでしょｗ ググって把握。<input type="submit" id="button1"/> ですね。
回答1件
0
ベストアンサー
javascript
1$('#button1').on('click',function(e){ 2 e.preventDefault(); 3 if ($('#hoge').val() =="" || $('#hoge1').val() =="" ) { 4 $('#sms').text("未入力箇所があります"); 5 6 } 7/*全角入力はじく*/ 8 var mail_regex1 = new RegExp( '(?:[-!#-\'*+/-9=?A-Z^-~]+\.?(?:\.[-!#-\'*+/-9=?A-Z^-~]+)*|"(?:[!#-\[\]-~]|\\\\[\x09 -~])*")@[-!#-\'*+/-9=?A-Z^-~]+(?:\.[-!#-\'*+/-9=?A-Z^-~]+)*' ); 9 var mail_regex2 = new RegExp( '^[^\@]+\@[^\@]+$' ); 10 if( address.match( mail_regex1 ) && address.match( mail_regex2 ) ) { 11 // 全角チェック 12 if( address.match( /[^a-zA-Z0-9\!\"\#\$\%\&\'\(\)\=\~\|\-\^\\\@\[\;\:\]\,\.\/\\\<\>\?\_\`\{\+\*\} ]/ ) ) { 13 return false; } 14 // 末尾TLDチェック（co,jpなどの末尾ミスチェック用） 15 if( !address.match( /\.[a-z]+$/ ) ) { return false; 16 } 17 **→ここが指摘していただき削除した部分です** 18 } else { 19 return false; 20 } 21/*パスワード生成部分*/ 22 var seed0 = '0123456789qwertyuiopasdfghjklzxcvbnm';//英数字 23 var pwd= ''; 24 for(var i=0;i<8;i++) { 25 var pos = Math.floor(Math.random() * seed0.length); 26 pwd += seed0[pos]; 27 } /*for*/ 28 29 $('<input>').attr({ 30 type: 'hidden', 31 id: 'input_id', 32 name:'pwd', 33 value:pwd 34 }).appendTo("form");/*''と""ひとつで変数はできなくなる"*/ 35 $('form').submit(); 36 37 });
DOM操作する前にPOSTされてるんじゃないかと拝察。デフォルトを止めて後からsubmitすればいいのでは、と思いました。
でも、enterで投稿された時はどうするんだろう？
投稿2015/12/18 06:19
総合スコア36076
回答ありがとうございます
DOM操作（Document object model)の意味を教えてほしいです
enterキー押しても何も反応しない設定なんで大丈夫です
$('<input>').attr ... の部分です。提示したコードで上手くいきましたか？
パスワードは相変わらずnullですね
パスワード単体部分だと成功しますが組み込むとnullになりますね
javascriptのエラーはなんか出てます？
var mail_regex2 = new RegExp( '^[^\@]+\@[^\@]+$' );の部分で
Uncaught ReferenceError: address is not defined が出ます
address オブジェクトはなにかモジュールを使ってるんですよね？ その部分のHTMLを開示できますか？
<fieldset id="f1">
<legend>初めての方はこちら</legend>
<label for="name">
氏名：</label>
<input type="text" name="name" value="" id="hoge">
<br/><br/>
<p><label for="email">メールアドレス：</label>
<input type="text" name="address" value="chinuki@infinitys.co.jp" id="hoge1">
<input type="submit" name="dispatch" value="登録" id="button1"></p>
</fieldset>
です 解析よろしくお願いいたします
addressのとこのvalueは通常は””です
打った文字がそのまま入ってます
エラーはこっちでした
if( address.match( mail_regex1 ) && address.match( mail_regex2 ) ) {
バグ取りぐらいしてから質問した方がいいんじゃないかな？ と思う。
イベントリスナの上の方に↓を追加。
var address = $('[name=address]').text();
ありがとうございます
試してみます
間違えました。
var address = $('[name=address]').val();
あなたの回答
tips
プレビュー
