JavaScript Tips

フォーム・入力されたメールアドレスのチェック

テキストボックスに入力された値（メールアドレス）をチェックするサンプルです。
テキストボックスに入力された値をまずmatchメソッドを使用して
!"#$%&'()=\|,:;^[]{}`*?<>
の文字が含まれていないかチェックします。含まれていなかったならば、indexOfメソッドで「@」を文字列の先頭から検索し、見つかった場合チェックOKとしています。
<SCRIPT language="JavaScript">
<!--
function _ChkString()
{
  _ret=_ChkStringEmail(document.frm1.TxtString.value);
  if (_ret==true){
     window.alert("OK!");
  }else{
     window.alert("入力エラー！");
  }
}

function _ChkStringEmail(str)
{
  if (str.length==0){
      return false;
  }else{
      if (str.match(/[!"#$%&'\(\)=\\|,:;^\[\]\{\}`*?<>]/)){
          return false;
      }else{
          if (str.indexOf("@",0)<=0){
              return false;
          }else{
              return true;
          }
      }
  }
}

//-->
</SCRIPT>
<FORM name="frm1"><INPUT size="31" type="text" name="TxtString">
<INPUT type="button" value="チェック" onclick="_ChkString()">
</FORM>