*
* @param {}
* str
* @return {Boolean} <b>字符为空</b>返回true,否则为false;
*/
this.isEmpty = function(str) {
return str == "";
}
this.isEmptySpan = function(id) {
var val = document.getElementById(id);
if (this.isEmpty(val.value)) {
var str = "不允许为空;";
val.select();
this.appendError(id, str);
return false;
} else {
this.remove(id + idExt);
return true;
}
}
}
测试页面
<html>
<head>
<title>网页标题</title>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript">
function checkForm(){
var isPass = true;
//过滤字符串
if(!(checkData.isEmptySpan("filterStr") && checkData.filterStrSpan('filterStr','#$%$'))) {
isPass = false;
}
//检查url
if(!(checkData.isEmptySpan("isURL") && checkData.isURLSpan('isURL')))
isPass = false;
if(!(checkData.isEmptySpan("isEmail") && checkData.isEmailSpan('isEmail')))
isPass = false;
//数字
if(!(checkData.isNumSpan('isNum')))
isPass = false;
//数字大小
if(!(checkData.isEmptySpan("isRangeNum") && checkData.isNumSpan('isRangeNum') && checkData.isRangeNumSpan('isRangeNum',10,100)))
isPass = false;
//密码 (数字,字母,下划线)
if(!(checkData.isLicitSpan('isLicit')))
isPass = false;
//二个字段是否相等
if(!(checkData.isEmptySpan("isEquals") && checkData.isEqualsSpan('isEquals','isEquals1')))
isPass = false;
//字符长度控制
if(!(checkData.isRangeSpan('isRange',5,10)))
isPass = false;
//字符最短控制
if(!(checkData.isLessSpan('isLess',10)))
isPass = false;
//字符最长控制
if(!(checkData.isEmptySpan("isMore") && checkData.isMoreSpan('isMore',30)))
isPass = false;
//为空控制
if(!(checkData.isEmptySpan("isEmpty")))
isPass = false;
return isPass;
}
</script>
</head>
<body>
<form action="index.jsp" method="post" onsubmit="return checkForm();">
<table>
<tbody>
<tr>
<td>字符过滤：<input type="text" id="filterStr" name="filterStr"></td>
<td>链接：<input type="text" id="isURL" name="isURL"></td>
</tr>
<tr>
<td>邮件：<input type="text" id="isEmail" name="isEmail"></td>
<td>数字：<input type="text" id="isNum" name="isNum"></td>
</tr>
<tr>
<td>数字范围：<input type="text" id="isRangeNum" name="isRangeNum"></td>
<td>a-zA-Z0-9_<input type="text" id="isLicit" name="isLicit"></td>
</tr>
<tr>
<td>判断相等：<input type="text" id="isEquals" name="isEquals"></td>
<td><input type="text" id="isEquals1" name="isEquals1"></td>
</tr>
<tr>
<td>长度控制：<input type="text" id="isRange" name="isRange"></td>
