電話番号チェックアラートについて【javascript】
入力フォームアラート設定について、教えて下さい。
やりたい事。
1.入力項目の値が空白の場合は【「電話番号」を入力してください】を表示。
2.入力項目の値が電話番号の形式でない場合は、【「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。】を表示。
3.電話番号形式でも13桁以上の場合は、【「電話番号」は「-」を含む半角12～13桁です。】を表示
とアラートを表示させる設定を行っているのですが、下記、内容をどのような形に変更すればいいかがわからず困っております。
どなたかご回答いただけませんでしょうか？
javascript初心者なもので細かい書き方がわかりません。
----javascript--------------------------------
<script language="JavaScript" type="text/javascript">
function CheckForm(theform)
{
var FormOK = false;
if (theform.tel.value =="") {
FieldControl(theform.To, "「電話番号」を入力してください。");
}else if (theform.tel.value =="") {
FieldControl(theform.To, "「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。");
}else if (theform.tel.value == "") {
FieldControl(theform.To, "「電話番号」は「-」を含む半角12～13桁です。");
}else{
FormOK = true;
}
return FormOK;
}
function FieldControl(element, message)
{
alert(message);
}
</script>
-------HTML-----------------
<form action="" method="post" name="theform" onsubmit="return CheckForm(this);">
<p>電話番号:<input size="13" name="tel"></p>
<input value="確認画面へ" name="submit" type="submit">
</form>
宜しくお願い致します。
お礼
返事遅くなってすいませんm(_ _)m 結局アドバイス通り、ロードのタイミングでフラグを判断するように作成したところ、思った通りの動きをすることができました。 ありがとうございました。