JavaScript サンプル http://javascriptjavascript.seesaa.net/ JavaScript サンプル ja http://javascriptjavascript.seesaa.net/article/98589605.html 数値：四則計算 四則計算入力された数値を四則計算します。[ 四則計算をする 外部 JavaScript ]// 四則計算をするfunction sisoku(){var Num1=parseFloat(document.form1.number1.value);var Num2=parseFloat(document.form1.number2.value);document.form1.result1.value=Num1 + Num2;document.form1.result2.val... 数値：四則計算 javascript 2008-05-30T20:16:28+09:00 四則計算
入力された数値を四則計算します。

[ 四則計算をする 外部 JavaScript ]

// 四則計算をする
function sisoku(){
var Num1=parseFloat(document.form1.number1.value);
var Num2=parseFloat(document.form1.number2.value);
document.form1.result1.value=Num1 + Num2;
document.form1.result2.value=Num1 - Num2;
document.form1.result3.value=Num1 * Num2;
document.form1.result4.value=Num1 / Num2;
document.form1.result5.value=Num1 % Num2;
}

[ 四則計算をする XHTML ]


<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta name="description" content="サイト内容" />
<meta name="keywords" content="サイトキーワード" />
<meta name="author" content="css+xhtml+seo" />
<meta name="copyright" content="Copyright &copy; css+xhtml+seo. All Rights Reserved." />
<link rel="index" href="./index.html" />
<link rel="next" href="next.html" />
<link rel="prev" href="prev.html" />
<link rev="made" href="mailto:●●●@●●●" title="send mail" />
<link rel="stylesheet" href="css/●●●.css" type="text/css" />
<script src="js/javascript.js" type="text/javascript"></script>
<meta http-equiv="content-style-type" content="text/javascript" />
</head>
<body>

<form name="form1" action="">
<input type="text" name="number1" value="" /> <input type="text" name="number2" value="" /><br /><br />

+<input type="text" name="result1" value="" /><br />
-<input type="text" name="result2" value="" /><br />
*<input type="text" name="result3" value="" /><br />
/<input type="text" name="result4" value="" /><br />
%<input type="text" name="result5" value="" /><br />
<input type="button" value="計算する" onclick="sisoku()" /><br />
</form>

</body>
</html>


]]> http://javascriptjavascript.seesaa.net/article/98566905.html 数値を四捨五入する 数値を四捨五入する入力された数値を四捨五入します。数値を四捨五入するにはround()を使います。[ 数値を四捨五入する JavaScript ]// 数値を四捨五入するfunction myCalc(form){form.myResult1.value = Math.round(parseFloat(form.myData.value));}[ 数値を四捨五入する XHTML ]&lt;?xml version=&quot;1.0&quot; encoding=&quot;... 数値を四捨五入する javascript 2008-05-30T17:01:01+09:00 数値を四捨五入する
入力された数値を四捨五入します。
数値を四捨五入するにはround()を使います。

[ 数値を四捨五入する JavaScript ]

// 数値を四捨五入する
function myCalc(form){
form.myResult1.value = Math.round(parseFloat(form.myData.value));
}

[ 数値を四捨五入する XHTML ]

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta name="description" content="サイト内容" />
<meta name="keywords" content="サイトキーワード" />
<meta name="author" content="css+xhtml+seo" />
<meta name="copyright" content="Copyright &copy; css+xhtml+seo. All Rights Reserved." />
<link rel="index" href="./index.html" />
<link rel="next" href="next.html" />
<link rel="prev" href="prev.html" />
<link rev="made" href="mailto:●●●@●●●" title="send mail" />
<link rel="stylesheet" href="css/●●●.css" type="text/css" />
<script src="js/javascript.js" type="text/javascript"></script>
<meta http-equiv="content-script-type" content="" />
<meta http-equiv="content-style-type" content="text/javascript" />
</head>
<body>

<form action="">
<input type="text" name="myData" value="" /><br />
<input type="button" value="計算" onclick="myCalc(this.form)" /><br />
四捨五入<input type="text" name="myResult1" value="" /><br />
</form>

</body>
</html>

]]> http://javascriptjavascript.seesaa.net/article/98566499.html 数値を切り捨てる 数値を切り捨てる入力された数値を切り捨てます。切り捨てにはfloor()を使います。[ 数値を切り捨てる JavaScript ]// 数値を切り捨てるfunction myCalc(form){form.myResult2.value = Math.floor(parseFloat(form.myData.value));}[ 数値を切り捨てる XHTML ]&lt;?xml version=&quot;1.0&quot; encoding=&quot;Shift_JIS&... 数値を切り捨てる javascript 2008-05-30T16:55:53+09:00 数値を切り捨てる
入力された数値を切り捨てます。
切り捨てにはfloor()を使います。

[ 数値を切り捨てる JavaScript ]

// 数値を切り捨てる
function myCalc(form){
form.myResult2.value = Math.floor(parseFloat(form.myData.value));
}

[ 数値を切り捨てる XHTML ]

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta name="description" content="サイト内容" />
<meta name="keywords" content="サイトキーワード" />
<meta name="author" content="css+xhtml+seo" />
<meta name="copyright" content="Copyright &copy; css+xhtml+seo. All Rights Reserved." />
<link rel="index" href="./index.html" />
<link rel="next" href="next.html" />
<link rel="prev" href="prev.html" />
<link rev="made" href="mailto:●●●@●●●" title="send mail" />
<link rel="stylesheet" href="css/●●●.css" type="text/css" />
<script src="js/javascript.js" type="text/javascript"></script>
<meta http-equiv="content-script-type" content="" />
<meta http-equiv="content-style-type" content="text/javascript" />
</head>
<body>

<form action="">
<input type="text" name="myData" value="" /><br />
<input type="button" value="計算" onclick="myCalc(this.form)" /><br />
切り捨て<input type="text" name="myResult2" value="" /><br />
</form>

</body>
</html>

]]> http://javascriptjavascript.seesaa.net/article/98565873.html 数値を切り上げる 数値を切り上げる入力された数値を切り上げます。切り上げにはceil()を使います。[ 数値を切り上げる JavaScript ]// 数値を切り上げるfunction myCalc(form){form.myResult3.value = Math.ceil(parseFloat(form.myData.value));}[ 数値を切り上げる XHTML ]&lt;?xml version=&quot;1.0&quot; encoding=&quot;Shift_JIS&qu... 数値を切り上げる javascript 2008-05-30T16:48:01+09:00 数値を切り上げる
入力された数値を切り上げます。
切り上げにはceil()を使います。

[ 数値を切り上げる JavaScript ]

// 数値を切り上げる
function myCalc(form){
form.myResult3.value = Math.ceil(parseFloat(form.myData.value));
}

[ 数値を切り上げる XHTML ]

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta name="description" content="サイト内容" />
<meta name="keywords" content="サイトキーワード" />
<meta name="author" content="css+xhtml+seo" />
<meta name="copyright" content="Copyright &copy; css+xhtml+seo. All Rights Reserved." />
<link rel="index" href="./index.html" />
<link rel="next" href="next.html" />
<link rel="prev" href="prev.html" />
<link rev="made" href="mailto:●●●@●●●" title="send mail" />
<link rel="stylesheet" href="css/●●●.css" type="text/css" />
<script src="js/javascript.js" type="text/javascript"></script>
<meta http-equiv="content-script-type" content="" />
<meta http-equiv="content-style-type" content="text/javascript" />
</head>
<body>

<form name="form1">
<input type="text" name="myData" value="" /><br />
<input type="button" value="計算" onclick="myCalc(this.form)" /><br />
切り上げ<input type="text" name="myResult3" value="" /><br />
</form>

</body>
</html>



]]> http://javascriptjavascript.seesaa.net/article/98133795.html チェックボックスの未選択チェック チェックボックスの未選択チェックチェックボックスが未選択の場合に警告が出ます。[ チェックボックスの未選択チェック 外部 JavaScript ]// チェックボックスの未選択チェックif ((f.chk_0.checked == &quot;&quot;) &amp;&amp; (f.chk_1.checked == &quot;&quot;) &amp;&amp; (f.chk_2.checked == &quot;&quot;)) {error_message += &... チェックボックスの未選択チェック javascript 2008-05-27T09:15:38+09:00 チェックボックスの未選択チェック
チェックボックスが未選択の場合に警告が出ます。

[ チェックボックスの未選択チェック 外部 JavaScript ]

// チェックボックスの未選択チェック
if ((f.chk_0.checked == "") && (f.chk_1.checked == "") && (f.chk_2.checked == "")) {
error_message += "チェックボックスを選択してください。¥n"; }

[ チェックボックスの未選択チェック XHTML ]

<div class="クラス名">
<input type="checkbox" name="chk_0" accesskey="#" tabindex="1" value="チェックボックス1" />チェックボックス1
<input type="checkbox" name="chk_1" accesskey="#" tabindex="1" value="チェックボックス2" />チェックボックス2
<input type="checkbox" name="chk_2" accesskey="#" tabindex="1" value="チェックボックス3" />チェックボックス3
</div>

]]> http://javascriptjavascript.seesaa.net/article/98133199.html プルダウンメニューが未選択だった場合のエラーチェック プルダウンメニューが未選択だった場合のエラーチェックプルダウンメニューが未選択だった場合に警告が出ます。[ プルダウンメニュー未選択 チェック 外部 JavaScript ]// プルダウンメニュー未選択 チェックif(f.select.selectedIndex == 0){error_message += &quot;プルダウンを選択してください。&yen;n&quot;; }[ プルダウンメニュー未選択 チェック XHTML ]&lt;div class=&quot;ク... プルダウンメニューが未選択だった場合のエラーチェック javascript 2008-05-27T09:07:20+09:00 プルダウンメニューが未選択だった場合のエラーチェック
プルダウンメニューが未選択だった場合に警告が出ます。

[ プルダウンメニュー未選択 チェック 外部 JavaScript ]

// プルダウンメニュー未選択 チェック
if(f.select.selectedIndex == 0){
error_message += "プルダウンを選択してください。¥n"; }

[ プルダウンメニュー未選択 チェック XHTML ]

<div class="クラス名">
<select size="3" name="select" multiple>
<option value="" checked>--</option>
<option value="セレクト_1">プルダウン_1</option>
<option value="セレクト_2">プルダウン_2</option>
<option value="セレクト_3">プルダウン_3</option><option value="セレクト_4">プルダウン_4</option>
</select>
</div>


]]> http://javascriptjavascript.seesaa.net/article/98130458.html 数字であるかをチェックする 数字であるかをチェックする数字以外が入力されると警告が出ます。[ 数字であるかをチェックする 外部 JavaScript ]// 数字であるかをチェックする if (f.tel_1.value.match(/[^0-9]/)) { error_message += "数字以外が入力されています。&yen;n"; }[ 数字であるかをチェックする XHTML ]&lt;div class=&quot;クラス名&quot;&gt;&lt;input... 数字であるかをチェックする javascript 2008-05-27T08:34:40+09:00 数字であるかをチェックする
数字以外が入力されると警告が出ます。

[ 数字であるかをチェックする 外部 JavaScript ]

// 数字であるかをチェックする
if (f.tel_1.value.match(/[^0-9]/)) {
error_message += "数字以外が入力されています。¥n"; }

[ 数字であるかをチェックする XHTML ]

<div class="クラス名">
<input type="text" name="tel_1" accesskey="#" tabindex="1" size="10" maxlength="7" />
</div>


]]> http://javascriptjavascript.seesaa.net/article/98127536.html ラジオボタン 必須チェック ラジオボタン 必須チェックラジオボタンが未選択だと警告が出ます。[ ラジオボタン 必須チェック 外部 JavaScript ]// ラジオボタン必須チェック if ((f.rrr[0].checked == "") && (f.rrr[1].checked == "") && (f.rrr[2].checked == "")) { error_message += "ラジオボタンを選択してください。&yen;n"; }[ ラジオボタン 必須チェ... ラジオボタンの未選択チェック javascript 2008-05-27T08:05:57+09:00 ラジオボタン 必須チェック
ラジオボタンが未選択だと警告が出ます。

[ ラジオボタン 必須チェック 外部 JavaScript ]

// ラジオボタン必須チェック
if ((f.rrr[0].checked == "") && (f.rrr[1].checked == "") && (f.rrr[2].checked == "")) {
error_message += "ラジオボタンを選択してください。¥n"; }

[ ラジオボタン 必須チェック XHTML ]

<div class="クラス名">
<input type="radio" name="rrr" accesskey="#" tabindex="1" value="ラジオ1" />ラジオ1
<input type="radio" name="rrr" accesskey="#" tabindex="1" value="ラジオ2" />ラジオ2
<input type="radio" name="rrr" accesskey="#" tabindex="1" value="ラジオ3" />ラジオ3
</div>


]]> http://javascriptjavascript.seesaa.net/article/98060252.html メールアドレスのエラーチェック メールアドレスのエラーチェックメールアドレス入力欄にメールアドレス以外が入力されると警告が出ます。[ メールアドレスのエラーチェック 外部 JavaScript ]// メールアドレス入力チェック if (!f.email.value.match(/[!#-9A-~]+@+[a-z0-9]+.+[^.]$/)) { error_message += "メールアドレスを入力してください。&yen;n"; }[ メールアドレスのエラーチェック XH... メールアドレス入力チェック javascript 2008-05-26T18:59:07+09:00 メールアドレスのエラーチェック
メールアドレス入力欄にメールアドレス以外が入力されると警告が出ます。

[ メールアドレスのエラーチェック 外部 JavaScript ]

// メールアドレス入力チェック
if (!f.email.value.match(/[!#-9A-~]+@+[a-z0-9]+.+[^.]$/)) {
error_message += "メールアドレスを入力してください。¥n"; }

[ メールアドレスのエラーチェック XHTML ]

<div class="クラス名">
<input type="text" name="email" accesskey="#" tabindex="1" size="55" maxlength="100" />
</div>


]]> http://javascriptjavascript.seesaa.net/article/98057870.html 必須項目・半角カナのエラーチェック [ JavaScript ] 必須項目・半角カナのエラーチェック未入力や半角カナが入力されると警告が出ます。[ 必須項目・半角カナのエラーチェック 外部 JavaScript ]// 氏名必須チェック if (f.family_name.value == "") { error_message += "苗字を入力してください。&yen;n"; } if (f.first_name.value == "") { error_message +=... 必須項目・半角カナのエラーチェック javascript 2008-05-26T18:43:35+09:00 必須項目・半角カナのエラーチェック
未入力や半角カナが入力されると警告が出ます。

[ 必須項目・半角カナのエラーチェック 外部 JavaScript ]

// 氏名必須チェック
if (f.family_name.value == "") {
error_message += "苗字を入力してください。¥n"; }
if (f.first_name.value == "") {
error_message += "名前を入力してください。¥n"; }

// 氏名半角カナチェック
if (f.first_name.value.match(/[ｱ-ﾝｧｨｩｪｫｬｭｮ]/)) {
error_message += "名前は全角で入力してください。¥n"; }

[ 必須項目・半角カナのエラーチェック XHTML ]

<div class="クラス名">
<input type="text" id="family_name" name="family_name" accesskey="#" tabindex="1" size="10" maxlength="10" />&nbsp;<input type="text" id="first_name" name="first_name" accesskey="#" tabindex="1" size="10" maxlength="10" />
</div>

]]> http://javascriptjavascript.seesaa.net/article/97404823.html JavaScript サンプル Info JavaScript サンプルは、css + xhtml + seo - JavaScript の追加（最新）となります。css xhtml seo 関連は、引き続きcss + xhtml + seo をご覧ください。 JavaScript サンプル Info javascript 2008-05-21T07:00:00+09:00 css + xhtml + seo - JavaScript の追加（最新）となります。

css xhtml seo 関連は、引き続きcss + xhtml + seo をご覧ください。 ]]>