页面输入完整性是编写BS经常遇到的问题,如果那里需要就到那里写,那可是要花不少的时候,并且造成不必要的浪费,下面是一个通过校验脚本,使用非常方便,通过传入FORM名就可以进行校验,通过在页面控件中增加用户本身自定义属性,进行方便的验证,包括数字的输入、密码的输入、EMAIL的输入,用户本身可以进行无限的扩展,使用如下,在页面中加入如下代码:
-
<formname="form1">
-
<inputtype="text"name="t1"req="0"size="20"><br>
-
<inputtype="text"name="t2"req="0"size="20"><br>
-
<inputtype="text"name="t3"req="0"size="20"><br>
-
<inputtype="text"name="t4"req="1"size="20"><br>
-
<inputtype="text"name="t5"req="1"customtype="email"displayname="电子邮件"size="20"><br>
-
<inputtype="button"name="bt"value="check"onclick="checkForm(document.form1)">
-
</form>
并在页头加以包含以下代码的JS脚本:
-
varcustomtypes=newArray("num","plus","int","email","link","password","name","date","money","date8");
-
varcustommessage=newArray(
-
"不是一个有效的数字。",
-
"不是一个有效的正整数。",
-
"不是一个有效的整数。",
-
"不是一个有效的电子邮件地址。",
-
"不是一个有效的链接,请确认输入了完整的地址,例如http://www.cnlist.com。",
-
"不是一个有效的密码,密码只能使用字母、下划线与数字,不能包含符号与空格。",
-
"不是一个有效的名称,名称只能使用字母、下划线与数字,不能包含符号与空格。",
-
"不是一个有效的日期。",
-
"不是一个有效的money格式。",
-
"不是一个有效的8位日期,如:20050801。"
- );
-
functioncheckForm(oForm){
-
window.event.returnValue=false;
-
for(vari=0;i<oForm.all.tags("input").length;i++){
-
varele=oForm.all.tags("input")[i];
-
varct=ele.getAttribute("customtype");
-
varreq=ele.getAttribute("req");
-
vardn=ele.getAttribute("displayname");
-
if(null==dn){
- dn=ele.name;
- }
-
dn="“"+dn+"”";
-
if(ele.value!=null){
-
ele.value=ele.value.replace(/%/g,"%");
- }
-
varnr=newString(ele.value);
-
if("1"==req){
-
if(nr.length<1){
-
alert(dn+"不可以省略,请重新输入。");
-
- focusIt(ele);
-
returnfalse;
- }
- }
-
if((''==req||'0'==req||null==req)&&(ele.value==""))continue;
-
if(((""==req)||(null==ct))&&(ele.value==""))continue;
-
-
-
if(("1"==req)||(nr.length>0)){
-
for(varj=0;j<customtypes.length;j++){
-
if(ct==customtypes[j]){
-
if(ct=="money"){
-
eval("varrtn=check_"+customtypes[j]+"(ele);");
-
}else{
-
eval("varrtn=check_"+customtypes[j]+"(ele.value);");
- }
-
if(!rtn){
- alert(dn+custommessage[j]);
-
- focusIt(ele);
-
returnfalse;
- }
- }
- }
- }
- }
-
window.event.returnValue=true;
-
returntrue;
- }
-
functioncheck_money(s){
-
s.value=s.value.replace(/,/g,"")
-
varre=/^(\+|-)?\d+(.\d+)?$/i;
-
returnre.test(s.value);
- }
-
functioncheck_email(s){
-
varre=/^\w+@(\w)+((.(\w)+)+)?$/i;
-
returnre.test(s);
- }
-
functioncheck_num(s){
-
varre=/^(\+|-)?\d+(.\d+)?$/i;
-
returnre.test(s);
- }
-
functioncheck_int(s){
-
varre=/^(\+|-)?\d+$/i;
-
returnre.test(s);
- }
-
functioncheck_plus(s){
-
varre=/^[1-9]\d*$/i
-
returnre.test(s);
- }
-
functioncheck_link(s){
-
varre=/^(http|mailto|ftp|https|telnet):\/{2}/i;
-
returnre.test(s);
- }
-
functioncheck_password(s){
-
varre=/^\w+$/i;
-
returnre.test(s);
- }
-
functioncheck_name(s){
-
returncheck_password(s);
- }
-
functioncheck_date8(DateString){
-
returnisDateEight(DateString);
- }
-
-
functioncheck_date(DateString){
-
if(DateString==null)returnfalse;
-
if(Dilimeter==''||Dilimeter==null)
-
varDilimeter='-';
-
if(Dilimeter.indexOf("/")>0)
- {
-
Dilimeter="/";
- }
-
vartempy='';
-
vartempm='';
-
vartempd='';
-
vartempH="";
-
vartempM="";
-
vartempS="";
-
vartempymd="";
-
vartemphms="";
-
vartempArray;
-
if(DateString.length<8&&DateString.length>19){
-
returnfalse;
- }
-
if(DateString.indexOf("")>0)
- {
-
temp=DateString.split("");
- tempymd=temp[0];
- temphms=temp[1];
- }
-
else
- {
- tempymd=DateString;
-
temphms="00:00:00";
- }
- tempArray=tempymd.split(Dilimeter);
-
if(tempArray.length!=3){
-
returnfalse;
- }
-
if(tempArray[0].length==4)
- {
- tempy=tempArray[0];
- tempd=tempArray[2];
- tempm=tempArray[1];
- }
-
else
- {
- tempy=tempArray[2];
- tempd=tempArray[1];
- tempm=tempArray[0];
- }
-
tempArray=temphms.split(":");
-
if(tempArray.length>3||tempArray.length<2){
-
returnfalse;
- }
-
switch(tempArray.length){
-
case2:
- tempH=tempArray[0];
- tempM=tempArray[1];
-
tempS="00";
-
break;
-
case3:
- tempH=tempArray[0];
- tempM=tempArray[1];
- tempS=tempArray[2];
-
break;
- }
-
vartDateString=tempy+'/'+tempm+'/'+tempd+''+tempH+":"+tempM+":"+tempS;
-
vartempDate=newDate(tDateString);
-
if(isNaN(tempDate)){
-
returnfalse;
- }
-
if((tempDate.getYear().toString()==tempy||tempDate.getYear()==parseInt(tempy,10)-1900)
- &&(tempDate.getMonth()==parseInt(tempm,10)-1)
- &&(tempDate.getDate()==parseInt(tempd,10))
- &&(tempDate.getHours().toString()==parseInt(tempH,10))
- &&(tempDate.getMinutes().toString()==parseInt(tempM,10))
- &&(tempDate.getSeconds().toString()==parseInt(tempS,10)))
- {
-
returntrue;
- }
-
else
- {
-
alert('tDateString='+tDateString);
-
returnfalse;
- }
- }
-
-
functionfocusIt(obj){
-
try{
-
varele=mtb;
-
}catch(e){
-
try{
- obj.focus();
-
return;
-
}catch(e){
-
return;
- }
- }
-
for(vari=0;i<ele.length;i++){
- swH(i);
-
try{
- obj.focus();
-
}catch(e){
-
continue;
- }
-
break;
- }
-
try{
- obj.focus();
-
}catch(e){
-
returnfalse;
-
}returntrue;
- }
分享到:
相关推荐
#### 数据完整性与验证 数据完整性是指确保数据准确无误的过程。在Web表单中,这通常涉及以下方面: - **前端验证**:使用JavaScript对用户输入进行实时检查,确保数据格式正确。 - **后端验证**:服务器端的验证...
6. **批量验证**:除了单个字段验证,插件可能还支持对整个表单或者一组字段进行批量验证,这对于提交表单前的完整性检查非常有用。 7. **与Vuex集成**:如果项目使用了Vuex进行状态管理,验证插件应能与Vuex无缝...
5. **AJAX异步验证**:如果需要验证的数据需要与服务器交互,可以使用Ajax技术发送请求,获取服务器的验证结果,而无需刷新整个页面。 在压缩包内的“验证”文件中,我们可以期待找到一个或多个这样的JavaScript...
这样做可以提高数据的准确性,避免提交无效或不完整的数据,同时也提升了用户体验。 在HTML层面,网易通行证的注册页面会包含多个表单元素,如用户名、密码、邮箱、手机号等,这些字段都需要根据实际业务逻辑来设置...
例如,用户在输入表单时,JavaScript可以立即验证输入是否合法,及时给出反馈。 #### 二、JavaScript的历史背景 **2.1 Internet技术的发展** 随着Internet技术的迅猛发展,各行各业都在积极探索如何利用这一平台...
10. **数据集操作验证**:`dataset.js`可能处理的是数据集合的验证,比如在处理多条记录时,确保数据的完整性和一致性。 以上这些JavaScript文件共同构成了一个完整的客户端验证框架,涵盖了多种常见的验证场景,...
1. **数据完整性**:确保每个银行的名称与简码都有对应,没有遗漏或重复。 2. **格式规范**:JSON数据必须遵循特定的语法,比如键必须用双引号括起来,键值对之间用逗号分隔等。 3. **安全问题**:由于涉及到敏感的...
MD5主要用于验证数据的完整性和一致性,但因为存在碰撞问题(两个不同的输入可能得到相同的输出),在安全性要求高的场景下已不再推荐使用。 4. **Base64**是一种编码方式,将二进制数据转换为可打印的ASCII字符,...
同时,JavaScript还可以实现动态效果,如禁用提交按钮直到所有必填字段都填写完整。 5. **CSS**: CSS负责定义网页的样式和布局。在这个注册表单中,可能会使用到CSS选择器来定位特定元素,设置字体、颜色、大小、...
1.2连接字符串和另一种数据类型 1.3条件比较字符串 1.4在字符串中查找子字符串 1.5从一个字符串提取子字符串 1.6检查一个存在的、非空的字符串 1.7将一个关键字字符串分解为单独的关键字 1.8插入特殊...
在后台管理系统中,数据库设计至关重要,包括表格结构、字段类型选择、索引创建等,都是确保系统性能和数据安全的基础。 jQuery是一个JavaScript库,它简化了JavaScript的DOM操作、事件处理和动画制作。在这里,...
通用查询通常是指设计一个可以处理多种数据表、多类型查询条件的模块,而通用保存方法则是指提供一个统一的接口来处理数据的新增或更新操作。下面我们将深入探讨这两个概念及其在实际应用中的实现。 首先,通用查询...
这些页面是通过CSS+DIV布局技术实现的,同时利用JavaScript进行了数据验证,以确保用户交互的顺畅性和安全性。 首先,HTML(HyperText Markup Language)是网页的基础,用于定义网页内容结构。在这个博客项目中,...
"完整"暗示了所有必要的文件和组件都在这个压缩包中,用户可以进行直接开发或二次定制。".zip" 是一个常见的文件压缩格式,表明源码和其他相关文件被打包在一起。 【描述解析】 描述与标题相同,再次强调这是一个...
例如,可以使用JavaScript检查邮箱地址的合法性,或者在用户提交表单前验证必填字段。JavaScript代码通常嵌入在HTML文件的`<script>`标签中,或作为外部`.js`文件引用。 在"Pages"文件夹中,可能包含多个HTML页面,...
这些页面都是预先设计和编码完成的,开发者只需根据实际业务逻辑进行适当的定制和数据对接。例如,登录页面可能包含了用户名和密码输入框,以及登录按钮,通过AJAX技术实现无刷新验证;仪表盘页面则会展示关键业务...
### JavaScript中通用的两个非空检测函数 在前端开发领域,特别是使用JavaScript进行表单验证时...4. **异步验证**:在某些情况下,可能还需要对输入的数据进行服务器端的验证,这时可以使用AJAX等技术实现异步验证。
服务器端验证应始终确保数据的完整性和安全性。 6. **自定义验证规则**:对于特定业务需求,开发者可以创建自定义验证规则。例如,如果一个表单要求用户输入的ID是唯一的,可以编写一个函数来检查数据库中是否存在...
本文介绍了一个使用JavaScript实现的通用表单验证插件实例,该插件可以对常见的表单元素,如日期、密码和姓名等进行校验,并在不符合验证规则时给出相应的提示信息。 首先,通用表单验证插件的实现方式主要是通过...