jQuery 表单验证扩展(三)

2020-05-22 15:33:26易采站长站整理
 验证成功


对于checkbox的验证


 checkbox组其中之一获得焦点


 选择满足数据


 选择超过数量


对于select 多项选择


 选择数量过多


 验证成功
(六). 验证测试代码

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Untitled Document</title>
<link type=”text/css” rel=”stylesheet” href=”new_file.css”/>
<script language=”JavaScript” src=”jquery-1.3.2.min.js” type=”text/javascript”></script>
<script language=”JavaScript” src=”jquery-extend-1.0.0.js” type=”text/javascript”></script>
<script language=”JavaScript” type=”text/javascript”>
$(document).ready(function(){
$(“#txtName”).checkRange({
onFocusText:”必填项”,
onFocusClass:”notice”,
targetId:”txtNameTip”,
onSuccessText:”验证成功”,
onSuccessClass:”correct”,
onErrorText:”你真不听话,请认真填写”,
onErrorClass:”error”,
min:6,
max:12,
dataType:”text”
});
$(“#rdbMan,#rdbWoman”).checkRange({
onFocusText:”必填项”,
onFocusClass:”notice”,
targetId:”txtSexTip”
});
$(“#txtPass2”).checkRange({
onFocusText:”必填项”,
onFocusClass:”notice”,
targetId:”txtPass2Tip”,
onSuccessText:”验证成功”,
onSuccessClass:”correct”,
onErrorText:”你真不听话,请认真填写”,
onErrorClass:”error”,
min:10,
max:60,
dataType:”text”
});
$(“#rdbMan1,#rdbWoman2,,#rdbMan3,,#rdbWoman4”).checkRange({
onFocusText:”必填项”,
onFocusClass:”notice”,
targetId:”txthobbyTip”,