PHPプログラミングの基礎を学ぼう：今から始める MySQL入門（2）（2/2 ページ）

コラム1　JavaScriptによるフォームの制御

本連載ではPHPの処理を軽減させるため、入力された値の確認や2重処理防止にJavaScriptを使用しています。

ボタンの2度押し防止に関しては、1度目のクリックでボタンを無効化します。通常＜input type="submit"＞とされる個所を＜input type="button">＞して、クリックされても単純に次の画面に切り替わらないようにします。その代わり「onClick="disableButton()"」でJavaScriptのdisableButton()関数を実行します。

<input type="button" value="購　入" onClick="disableButton()" name="button1">

JavaScriptのdisableButton()関数はボタンを無効にした後、submitForm()関数で次の画面を呼び出すようにしています。

<SCRIPT TYPE="text/javascript">
<!--
//submitの2度押し防止
function disableButton(){
  document.form1.button1.disabled = true;　←ボタンを無効化
  submitForm();
}
function submitForm(){
  document.form1.submit();
}
// -->
</SCRIPT>
</HEAD>

また、JavaScriptからボタンやフォームを指定しやすくするために＜form＞タグのname属性を多用します。

<form action="confirm.php" method="POST" enctype="application/x-www-form-urlencoded" name="form1">

さらにconfirm.phpでは、氏名や住所の入力漏れチェックを行います（未入力であればアラートを表示します）。

//入力漏れチェック
function check(){
  if(document.form1.name.value == ""){
    window.alert('氏名が未入力です');
    return false;
  }else if(document.form1.address.value == ""){
    window.alert('住所が未入力です');
    return false;
  }else{
    return true;
  }
}
// -->

JavaScriptは非常に便利ですが、ブラウザ依存性が高いスクリプト言語です（処理によってはブラウザごとで挙動が異なる）。また、ユーザーによってはJavaScriptを無効に設定している可能性もあります。そのため、本来はPHPアプリケーション側でも「入力項目の確認」や「重複処理の防止」を実装すべきです。しかし、本連載ではコードの可読性を重視するため、JavaScriptによるチェックを主に用いています。

コラム2　使用するキャラクターセット

本連載では、使用するキャラクターセットを「UTF-8」で統一します。そのため、PHPコードを作成した際は、UTF-8で文字セットを保存するようにします。また、＜HEAD＞タグ内のContent-Typeでは、キャラクターセットをUTF-8に指定します。

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

コラム3　オンラインストアを作成するうえでの法令

サンプル開発の題材として「簡易オンラインストア」を取り上げていますが、本格的なオンラインストアを構築＆公開する際には、特定商取引法や個人情報保護法などを順守する必要があります。詳細については、JADMA「法規制情報」を参考にしてください。