{ item.fhint }
{ val }
this.item = opts.item this.val = this.item.val||'' edit(e){ this.val = e.target.value }
{ item.fhint }
{ val }
this.item = opts.item this.val = this.item.val||'' edit(e){ this.val = e.target.value }
{ item.fhint }
{ val }
this.item = opts.item this.val = this.item.val||'' edit(e){ this.val = e.target.value }
{ item.fhint}
{ val }
this.item = opts.item this.val = this.item.val||'' edit(e){ this.val = e.target.value }
{ item.fhint }
{ val }
this.item = opts.item this.val = this.item.val||'' edit(e){ this.val = e.target.value }
{ item.fhint }
{ val }
this.item = opts.item this.val = this.item.val||'' edit(e){ this.val = e.target.value } // 購読開始日を3日後にする if (this.item.ftagattr == 'delivery_date'){ var dt = new Date(); dt.setDate(dt.getDate() + 3); year = dt.getFullYear(); month = dt.getMonth()+1; month = ('00' + month).slice(-2); day = dt.getDate(); day = ('00' + day).slice(-2); this.val = year+'-'+ month+'-'+day; }
{ item.fhint }
{ val }
this.item = opts.item this.val = this.item.val||'' edit(e){ this.val = e.target.value }
住所を自動入力 { item.fhint }
{ val }
this.item = opts.item this.val = this.item.vals||'' edit(e){ this.val = e.target.value.replace(/[A-Za-z0-9]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 65248); }); matched = this.val.match(/^(\d{3})-?(\d{4})$/) if (matched == null) return this.val=matched[1]+'-'+matched[2] } fill_address(e){ e.preventDefault() matched = this.val.match(/^(\d{3})-?(\d{4})$/) if (matched == null) return var url = 'https://madefor.github.io/postal-code-api/api/v1/'+matched[1]+'/'+matched[2]+'.json' $.getJSON(url).done(function (json) { var addrdata = json.data[0].ja leadtag.refs.address.val1=addrdata.prefecture leadtag.refs.address.val2=addrdata.address1 + addrdata.address2 leadtag.refs.address.val3=addrdata.address3 leadtag.refs.address.val4=addrdata.address4 leadtag.update() }); // 番地が必須であることを示すように赤枠にする(focusedをclassに追加する)。 $('input').each(function(){ if ($(this).prop('placeholder') == '都道府県' || $(this).prop('placeholder') == '番地' || $(this).prop('placeholder') == '市区町村'){ $(this).addClass("focused"); } }); }
{ item.fhint }
{ val1+val2+val3+val4 }  
this.item = opts.item this.val = this.item.val||'' this.val1 = this.item.val1||'' this.val2 = this.item.val2||'' this.val3 = this.item.val3||'' this.val4 = this.item.val4||'' this.fdisp = opts.item.fdisp this.fname = opts.item.fname var self = this edit1(e){ this.val1=e.target.value } edit2(e){ this.val2=e.target.value } edit3(e){ this.val3=e.target.value } edit4(e){ this.val4=e.target.value } banchi_focused(e){ e.target.classList.add('focused'); // 元々はonblur="this.classList.add('focused')"とあったのをfunctionにした $('input').each(function(){ if ($(this).prop('placeholder') == '都道府県' || $(this).prop('placeholder') == '番地' || $(this).prop('placeholder') == '市区町村'){ $(this).addClass("focused"); } }); }
{ item.fhint }
{ h[val] }
this.item = opts.item this.val = this.item.val || this.item.fvalues this.h = {} var self = this this.kvs = this.item.foptions.split(/\n/).map(function(s){var sa=s.split(/:/,2);self.h[sa[0]]=sa[1];return {k:sa[0],v:sa[1]}}) edit(e){ this.val = e.target.value; }
{item.fquestion}
{ h[val] }
this.item = opts.item this.val = this.item.val || this.item.fvalues this.h = {} var self = this this.kvs = this.item.foptions.split(/\n/).map(function(s){var sa=s.split(/:/,2);self.h[sa[0]]=sa[1];return {k:sa[0],v:sa[1]}}) edit(e){ this.val = e.target.value; }
該当するものを選択してください
{ show_values(val) }
this.item = opts.item this.val = this.val || this.item.fvalues.split(',').filter(function(s){return s !== '';}) this.h = {} var self = this this.kvs = this.item.foptions.split(/\n/).map(function(s){var sa=s.split(/:/,2);self.h[sa[0]]=sa[1];return {k:sa[0],v:sa[1]}}) show_values(vals){ return vals.map(function(v){ return self.h[v]; }).join(','); } edit(e){ if (e.target.checked){ if (self.val.indexOf(e.target.value)<0){ this.val.push(e.target.value); } }else{ if (self.val.indexOf(e.target.value)>=0){ this.val = this.val.filter(function(v){ return v != e.target.value; }); } } //console.log(self.val); }
var OptsMixin = { init: function() { //this.on('updated', function() { console.log('Updated!') }) }, getOpts: function() { return this.opts }, setOpts: function(opts, update) { this.opts = opts if (!update) this.update() return this } } this.root.innerHTML = opts.content

')}>

')}>

■画像や資料ファイルのアップロードはここでは行いません。ここでの投稿が完了した段階で、入力いただいた投稿者のメールアドレス宛にアップロードするためのURLを自動送信します。そのURLにWebブラウザでアクセスのうえ、画像等をアップロードして下さい。キャリアメール(@docomo.ne.jpなど)の場合、topics.or.jpドメインからのメール受信が許可されていないと、メールが届かない可能性があります。

登録確認完了

{ summary }

')}>

登録確認完了

')}>

登録確認完了

ご登録いただき、ありがとうございました。

画像や資料のアップロードが必要な投稿についてはアップロード用URLをメールで送信しましたので、24時間以内に、そちらからアップロードをお願いいたします。

個人情報保護指針の内容をご確認のうえ、「同意する」チェックボックスにチェックを入れてください。

■画像や資料ファイルのアップロードはここでは行いません。ここでの投稿が完了した段階で、入力いただいた投稿者のメールアドレス宛にアップロードするためのURLを自動送信します。そのURLにWebブラウザでアクセスのうえ、画像等をアップロードして下さい。キャリアメール(@docomo.ne.jpなど)の場合、topics.or.jpドメインからのメール受信が許可されていないと、メールが届かない可能性があります。
必須項目(赤枠部)が未入力か、書式が不正な項目が残っています。
var self = this leadtag = this self.mixin(OptsMixin) self.isvalid = false self.state = opts.state self.items = opts.items self.agreement = opts.agreement self.onmount = function() { window.refs = this.refs // routerに変更があったら実行される route('*',function(tag) { if (tag=='confirm' && refs.form.checkValidity()==false){ route('') }else{ if(tag=='') tag='init' self.state = tag self.isvalid = false riot.update() window.scrollTo(0,0) } }) route.start() } self.on('mount', this.onmount); checkAll(e){ self.isvalid = refs.form.checkValidity() } checkItems(e) { //temporary do nothing } postlead = function(e){ e.preventDefault() reCaptchaFunc.exec() reCaptchaFunc.postlead() } //全inputタグにfocusedを付与する(最後の手段) this.on('mount', function() { $('input,select,textarea').each(function(){ $(this).addClass("focused"); }); }) var reCaptchaFunc = reCaptchaFunc || {}; reCaptchaFunc = { init: function() { // ウィジェットレンダリング grecaptcha.ready(function(){ grecaptcha.render('recaptcha', { 'sitekey' : '6LeEjH8cAAAAAFSuoaPukXmxcwOGQQywKOqGOOmk', 'size' : 'invisible', }); }); }, // トークン取得命令 exec: function(){ grecaptcha.execute(); }, // executeの結果、tokenを取得 token: function(){ return grecaptcha.getResponse(); }, callback: function(e){ console.log(e); }, postlead: function(){ reCaptchaFunc.intervalId = window.setTimeout(reCaptchaFunc.postlead, reCaptchaFunc.interval); var tkn = reCaptchaFunc.token(); if( tkn.length > 0 ){ clearTimeout(reCaptchaFunc.intervalId); // lead送信 var form = $('form') //console.log(form.serialize()); $.ajax({ url:"/list/personal/post_lead.json?code="+opts.code, method:'POST', data: form.serialize() }).done(function(xhr, textStatus, errorThrown){ if (xhr.status == 'OK'){ route('finish') self.state = "finish" }else if (xhr.status == 'ERROR'){ $('#finish-error').show(); $('#finish-error').html(xhr.message); }else{ $('#finish-error').show(); $('#finish-error').html('送信に失敗しました。しばらく経ってから再度お試しください。'); } console.log(xhr); //console.log(textStatus); //console.log(errorThrown); }).fail(function(xhr, textStatus, errorThrown){ $('#finish-error').show(); $('#finish-error').html('送信に失敗しました。しばらく経ってから再度お試しください。'); }) } }, interval: 200, //msec intervalId: null } this.on('mount', reCaptchaFunc.init())