お問い合わせフォームの入力チェックのしかたを教えてください（ allpost-contactform_ja.jsの使い方を教えてください ）。
お問い合わせフォームの入力チェックのしかたを教えてください（ allpost-contactform_ja.jsの使い方を教えてください ）。
はい。
（１）インストール時に同梱されていた allpost-contactform.js を削除してください。
（２）allpost-contactform_ja.js を allpost-contactform.js にリネームして保存してください。
（３）「入力されているかどうかチェックしたい項目」を書き出してみましょう。こんなふうにです：
メールアドレス
住所
メッセージ
1 メールアドレス
2 住所
3 メッセージ
var x1 メールアドレス
var x2 住所
var x3 メッセージ
var x1 = document.forms["rl_apcf"]["メールアドレス
var x2 = document.forms["rl_apcf"]["住所
var x3 = document.forms["rl_apcf"]["メッセージ
var x1 = document.forms["rl_apcf"]["メールアドレス"].value;
var x2 = document.forms["rl_apcf"]["住所"].value;
var x3 = document.forms["rl_apcf"]["メッセージ"].value;
function checkForm() {
//var x1 = document.forms["rl_apcf"]["E-mail"].value;
//var x2 = document.forms["rl_apcf"]["postalcode"].value;
//var x3 = document.forms["rl_apcf"]["address"].value;
function checkForm() {
//var x1 = document.forms["rl_apcf"]["E-mail"].value;
//var x2 = document.forms["rl_apcf"]["postalcode"].value;
//var 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 (empty(x1)) {
alert("「メールアドレス」をご入力ください。");
return false;
}
if (empty(x2)) {
alert("「住所」をご入力ください。");
return false;
}
if (empty(x3)) {
alert("「メッセージ」をご入力ください。");
return false;
}
/*
if (empty(x3)) {
alert("Would you input your Address?");
return false;
}
*/
/*
if (empty(x3)) {
alert("Would you input your Address?");
return false;
}
*/
if (empty(x1)) {
alert("「メールアドレス」をご入力ください。");
return false;
}
if (empty(x2)) {
alert("「住所」をご入力ください。");
return false;
}
if (empty(x3)) {
alert("「メッセージ」をご入力ください。");
return false;
}
はい。
（１）インストール時に同梱されていた 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() {
//var x1 = document.forms["rl_apcf"]["E-mail"].value;
//var x2 = document.forms["rl_apcf"]["postalcode"].value;
//var x3 = document.forms["rl_apcf"]["address"].value;
コピペすると、こんなふうになります：
function checkForm() {
//var x1 = document.forms["rl_apcf"]["E-mail"].value;
//var x2 = document.forms["rl_apcf"]["postalcode"].value;
//var 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 (empty(x1)) {
alert("「メールアドレス」をご入力ください。");
return false;
}
if (empty(x2)) {
alert("「住所」をご入力ください。");
return false;
}
if (empty(x3)) {
alert("「メッセージ」をご入力ください。");
return false;
}
（10）（９）を、 allpost-contactform.js の次の部分の下にコピペしてください。
/*
if (empty(x3)) {
alert("Would you input your Address?");
return false;
}
*/
コピペすると、こんなふうになります：
/*
if (empty(x3)) {
alert("Would you input your Address?");
return false;
}
*/
if (empty(x1)) {
alert("「メールアドレス」をご入力ください。");
return false;
}
if (empty(x2)) {
alert("「住所」をご入力ください。");
return false;
}
if (empty(x3)) {
alert("「メッセージ」をご入力ください。");
return false;
}
[記事更新履歴]2023/1/24 PHP8用に編集しました。
( 2017/04/15, 01:47:54, JST )
