株式会社レインボーリンク公式サイト

FAQ > All Post Contact Form　(　WordPressプラグイン　)

お問い合わせフォームの入力チェックのしかたを教えてください（　allpost-contactform_ja.jsの使い方を教えてください　）。

お問い合わせフォームの入力チェックのしかたを教えてください（　allpost-contactform_ja.jsの使い方を教えてください　）。

はい。

（１）インストール時に同梱されていた allpost-contactform.js を削除してください。

（２）allpost-contactform_ja.js を allpost-contactform.js にリネームして保存してください。

（３）「入力されているかどうかチェックしたい項目」を書き出してみましょう。こんなふうにです：
　　　


　　　メールアドレス
　　　住所
　　　メッセージ



（４）（３）のリストに通し番号を振りましょう。数字は半角数字にしてください。こんなふうにです：
　　　


　　　1 メールアドレス
　　　2 住所
　　　3 メッセージ



（５）（４）の数字の「左側」に、「var x」を足してください。こんなふうにです：
　　　


　　　var x1 メールアドレス
　　　var x2 住所
　　　var x3 メッセージ



（６）（５）の通し番号の数字と、「入力されているかどうかチェックしたい項目」との間に、 「= document.forms["rl_apcf"]["」 を書き足してください。こんなふうにです：
　　　


　　　var x1 = document.forms["rl_apcf"]["メールアドレス
　　　var x2 = document.forms["rl_apcf"]["住所
　　　var x3 = document.forms["rl_apcf"]["メッセージ



（７）「入力されているかどうかチェックしたい項目」の右側に、「"].value;」を書き足してください。こんなふうにです：
　　　


　　　var x1 = document.forms["rl_apcf"]["メールアドレス"].value;
　　　var x2 = document.forms["rl_apcf"]["住所"].value;
　　　var x3 = document.forms["rl_apcf"]["メッセージ"].value;



（８）（７）を、 allpost-contactform.js の次の部分の下にコピペしてください。

　　　


　　　　function checkForm() {

　　 //va*r x1 = document.forms["rl_apcf"]["E-mail"].value;

　　//va*r x2 = document.forms["rl_apcf"]["postalcode"].value;

　　 //va*r x3 = document.forms["rl_apcf"]["address"].value;



コピペすると、こんなふうになります：　
　　　


　　　　function checkForm() {

　　 //va*r x1 = document.forms["rl_apcf"]["E-mail"].value;

　　//va*r x2 = document.forms["rl_apcf"]["postalcode"].value;

　　 //va*r x3 = document.forms["rl_apcf"]["address"].value;

　　　var x1 = document.forms["rl_apcf"]["メールアドレス"].value;
　　　var x2 = document.forms["rl_apcf"]["住所"].value;
　　　var x3 = document.forms["rl_apcf"]["メッセージ"].value;



（９）「入力されているかどうかチェックしたい項目」に、「入力されていない場合は入力を促すポップアップを出す」という処理を書き加えます。 （３）のリストを使いますと、こうなります：

　　　


if (x1 == "") {
alert("「メールアドレス」をご入力ください。");
return false;
　}
if (x2 == "") {
alert("「住所」をご入力ください。");
return false;
　}
if (x3 == "") {
alert("「メッセージ」をご入力ください。");
return false;
　}




（10）（９）を、 allpost-contactform.js の次の部分の下にコピペしてください。

　　　


　　/*
if (x3 == "") {
alert("Would you input your Address?");
return false;
}
*/



コピペすると、こんなふうになります：　


　　　


　　/*
if (x3 == "") {
alert("Would you input your Address?");
return false;
}
*/
if (x1 == "") {
alert("「メールアドレス」をご入力ください。");
return false;
　}
if (x2 == "") {
alert("「住所」をご入力ください。");
return false;
　}
if (x3 == "") {
alert("「メッセージ」をご入力ください。");
return false;
　}


( 2017/04/15, 01:47:54, JST )