電話番号チェックアラートについて【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>

宜しくお願い致します。

回答No.3

fujillin

ここで聞いていないで、ご自分で調べればいくらでもヒットしますよ。
（正しいかどうかは別として）

参考までに以下に。（必ずしもjavascriptではありませんのでご注意）

＜電話番号＞
　http://ameblo.jp/shigeo/entry-10021105436.html
　http://lightmaterial.blogspot.com/2007/10/blog-post_14.html
　http://blog.livedoor.jp/nipotan/archives/50634795.html

＜メアド＞
　http://d.hatena.ne.jp/toku-hiro/20070202
　http://fetus.k-hsu.net/document/webmaster/diary2/7I3S8jDDV9
　http://www.tt.rim.or.jp/~canada/comp/cgi/tech/mailaddrmatch/

両方とも、最後のものはかなりすごいです。

回答No.2

ProKaseifu

では、調べて実際にやってみたうえで分からないところがあれば質問してください。

補足

いろいろ検索しまして、たくさんのサンプルページがありましたが、やはり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{

宜しくお願い致します。

回答No.1

ProKaseifu

>1.入力項目の値が空白の場合は【「電話番号」を入力してください】を表示。
>2.入力項目の値が電話番号の形式でない場合は、【「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。】を表示。
>3.電話番号形式でも13桁以上の場合は、【「電話番号」は「-」を含む半角12～13桁です。】を表示

実現できていないのは1～3すべてでしょうか？(どの程度理解できているのかの確認のために聞きます)
2→正規表現で数字4文字ハイフン数字4文字ハイフン数字4文字の形式でチェックすればよいでしょう。
3→チェックしたい項目のlengthでチェックしてください。

参考サイト
http://www.tohoho-web.com/js/index.htm

補足

早速の回答ありがとうございます。

＞2→正規表現で数字4文字ハイフン数字4文字ハイフン数字4文字の形式でチェックすればよいでしょう。
⇒こちらは[0-9]+\-[0-9]+\-[0-9]みたいにチェックさせたいです。

＞3→チェックしたい項目のlengthでチェックしてください。
⇒こちらについては調べますが、もしよろしければ教えて頂けないでしょうか？
宜しくお願い致します。