js即时check

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>お問い合わせ</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 入力フォームのエラーチェック(リアルタイム) -->
<script type="text/javascript" src="prototype_3.js"></script>
<script type="text/javascript" src="validation_1.js"></script>
<script type="text/javascript" src="effects_2.js"></script>
<!-- 入力エラーのフォントカラー指定 -->
<style type="text/css">.validation-advice{color : red;}</style>
</head>

<body onload style="margin: 0px;">
<form id="chk" name="theform" action="/page.jsp?id=24" method="post">
<table class="honbun" cellspacing="1" cellpadding="5" width="100%" border="0">
<tr bgcolor="#ffffff">
<td valign="center" nowrap align="left" width="150" height="20">お名前(漢字)</td>
<td align="left"><input class="required" style="IME-MODE: active" size="58" name="name"></td>
</tr>
tr bgcolor="#ffffff">
<td valign="center" nowrap align="left" width="150" height="20">お名前(フリガナ)</td>
<td align="left"><input class="required validate-fkana" style="IME-MODE: active" size="58" name="furigana"></td>
</tr>
<tr bgcolor="#ffffff">
<td valign="center" nowrap align="left" width="150" height="20">お名前(英字)</td>
<td align="left"><input class="required validate-alpha" style="IME-MODE: disabled" size="58" name="alphabet"></td>
</tr>
<tr bgcolor="#ffffff">
<td valign="center" nowrap align="left" width="150" height="20">電話番号</td>
<td align="left"><input class="required validate-digits" style="IME-MODE: disabled" size="58" name="tel"></td>
</tr>
<tr bgcolor="#ffffff">
<td valign="center" nowrap align="left" width="150" height="20">メールアドレス</td>
<td align="left">
<input class="required validate-email1" id="mc1" title="メールアドレスを正しく入力してください" style="IME-MODE: disabled" size="58" name="mailad">
</td>
</tr>
<tr bgcolor="#ffffff">
<td valign="center" nowrap align="left" width="150" height="20">メールアドレス(確認)</td>
<td align="left">
<input class="required validate-email2" id="mc2" style="IME-MODE: disabled" size="58" name="mailad2">
</td>
</tr>
<tr bgcolor="#ffffff">
<td valign="center" nowrap align="left" width="150" height="20">性別</td>
<td align="left">
<input class="validate-one-required" type="radio" value="男性" name="sex">男性<br>
<input class="validate-one-required" type="radio" value="女性" name="sex">女性</td>
</tr>
<tr bgcolor="#ffffff">
<td valign="center" nowrap align="left" width="150" height="20">年齢</td>
<td align="left">
<input class="required validate-digits" style="IME-MODE: disabled" maxlength="2" size="3" name="age"></td>
</tr>
</table>
<br>
<align="center"><input type="submit" value="内容確認"></p>
</form>
<script type="text/javascript"> function formCallback(result, form) { window.status = "valiation callback for form '" + form.id + "': result = " + result; } var valid = new Validation('chk'{immediate : true, onFormValidate : formCallback}); Validation.addAllThese([ ['validate-email2''メールアドレスを同じように正確に入力してください'{ equalToField : 'mc1' }] ]); </script>
</body>
</html>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值