2011年10月5日水曜日

JQueryでEメールアドレスをカウント。

フィールドに入力したEメールアドレスの数をJQueryを使ってカウント。

実際はアドレスのチェックはせず、@の数をカウントしています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE></TITLE>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js
"></script>
<script type="text/javascript"><!--
$(function(){
$("#message").keyup(function(){
var txt = $(this).val();
$("#ct").val(
txt.replace(/[^@]/g,'')
);
var count = $("#ct").val().length;
$("#num").text(count);
});
});


// --></script>

</HEAD>
<BODY>

<br><br>
Eメール数をチェック
<br><br>


アドレス数: <div id="num">0</div>
<br><br>
Eメール
<input type="text" size="80" maxlength="" name="" value="" id="message">
<br><br>

<input type="hidden" id="ct">
</div>
<br><br>


</BODY>
</HTML>

0 件のコメント:

コメントを投稿