[プログラム] 日本携帯電話の入力チェック PHP&JavaScript


2025-10-10 08:09
17
0
본문
■サーバー側
// 入力情報を取得
$phone = $_POST['phone'] ?? '';
if (!preg_match('/^0[789]0-\d{4}-\d{4}$/', $phone)) {
$errors['phone'] = '携帯電話番号を正しく入力してください(例:090-1234-5678)';
}
★解説
/^0[789]0-\d{4}-\d{4}$/
・070, 080, 090 で始まる番号のみ許可
・その後に - 区切りで 4桁-4桁
・ハイフンは必須(ない場合はNG)
入力例
090-1234-5678 OK
080-1234-5678 OK
070-1234-5678 OK
03-1234-5678 NG
050-1234-5678 NG
09012345678 NG
■JavaScript
document.getElementById('phone').addEventListener('blur', function() {
const phoneInput = this.value.trim();
const errorDiv = document.getElementById('phone-error');
// 携帯電話番号(070,080,090)形式のみ
const phonePattern = /^0[789]0-\d{4}-\d{4}$/;
if (phoneInput === '') {
errorDiv.textContent = '携帯電話番号を入力してください';
errorDiv.style.color = 'red';
} else if (!phonePattern.test(phoneInput)) {
errorDiv.textContent = '携帯電話番号を正しく入力してください(例:090-1234-5678)';
errorDiv.style.color = 'red';
} else {
errorDiv.textContent = '';
}
});
// 入力情報を取得
$phone = $_POST['phone'] ?? '';
if (!preg_match('/^0[789]0-\d{4}-\d{4}$/', $phone)) {
$errors['phone'] = '携帯電話番号を正しく入力してください(例:090-1234-5678)';
}
★解説
/^0[789]0-\d{4}-\d{4}$/
・070, 080, 090 で始まる番号のみ許可
・その後に - 区切りで 4桁-4桁
・ハイフンは必須(ない場合はNG)
入力例
090-1234-5678 OK
080-1234-5678 OK
070-1234-5678 OK
03-1234-5678 NG
050-1234-5678 NG
09012345678 NG
■JavaScript
document.getElementById('phone').addEventListener('blur', function() {
const phoneInput = this.value.trim();
const errorDiv = document.getElementById('phone-error');
// 携帯電話番号(070,080,090)形式のみ
const phonePattern = /^0[789]0-\d{4}-\d{4}$/;
if (phoneInput === '') {
errorDiv.textContent = '携帯電話番号を入力してください';
errorDiv.style.color = 'red';
} else if (!phonePattern.test(phoneInput)) {
errorDiv.textContent = '携帯電話番号を正しく入力してください(例:090-1234-5678)';
errorDiv.style.color = 'red';
} else {
errorDiv.textContent = '';
}
});
댓글목록0