Code-225: 10月 2011

2011年10月6日木曜日

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

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

アドレスの件数をインプットフィールドに表記する。

$("#num").val(count);

と、val()　を使う。

<!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").val(count);
});
});

// --></script>

</HEAD>
<BODY>

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

アドレス数：　
<input type="text" size="8" maxlength="" name="" value="" id="num">件
<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>

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>

登録: 投稿 (Atom)