当前位置:   article > 正文

HTML多选验证js函数,HTML表单(Form)提交检验通用javascript函数

html form标签中函数

HTML表单(Form)提交检验通用javascript函数

作者:佚名    转贴自:本站原创    点击数:136

HTML表单(Form)提交检验通用javascript函数

一直以来为HTML表单提交校验的问题头痛,总是在写重复的js代码,所以一直想写一个通用的JS函数,总算找了个时间写了个通用的一段javascript供大家参考。

本JS程序,可以校验字段是否为空,是否为数字,判断字段长度,检验Email格式,检验是否含有HTML标签等功能

需要的朋友可以把下面的代码COPY后另存为html,HTML文件里详细使用说明。

Form提交校验通用javascript函数

body,td,p,input{font-size:14.8px;font-family:MS Shell Dlg}

//dodo,Email:dodo@963.net|QQ:15516

var strEmail=/@.+\../

var strHTML=/\<.>.$/

function checkBlank(str){

if(!eval(str).value){

return alertMsg(eval(str),请填写完整信息!)

}

else{

yesok=yes

}

}

function checkNum(str){

if(yesok==yes){

if(!ChkString(eval(str).value)){

return alertMsg(eval(str),请填写数字)

}

else{

yesok=yes

}

}

}

function checkMin(str,num){

if(yesok==yes){

if(eval(str).value.length

return alertMsg(eval(str),少了,此栏填写最小长度为+num)

}

else{

yesok=yes

}

}

}

function checkMax(str,num){

if(yesok==yes){

if(eval(str).value.length>num){

return alertMsg(eval(str),多了,此栏填写最大长度为+num)

}

else{

yesok=yes

}

}

}

function checkMail(str){

if(yesok==yes){

if(!strEmail.test(eval(str).value)) {

return alertMsg(eval(str),请输入正确的邮件地址)

}

else{

yesok=yes

}

}

}

function checkHTML(str){

if(yesok==yes){

if(strHTML.test(eval(str).value)) {

return alertMsg(eval(str),不能包含HTML字符)

}

else{

yesok=yes

}

}

}

function splitcheck(str,typename){

checkno=new String(str)

checktype=checkno.split(,)

if(checktype[0]==1){

checkBlank(typename)

}

else{

yesok=yes

}

if(checktype[1]==1){

checkNum(typename)

}

if(checktype[2]==1){

checkMail(typename)

}

if(checktype[3]!=0){

checkMin(typename,checktype[3])

}

if(checktype[4]!=0){

checkMax(typename,checktype[4])

}

if(checktype[5]==1){

checkHTML(typename)

}

}

function checkForm(form){

var checkok=true;

for (var i=0;i

{

var formName=form.name

var e=form.elements;

s=formName+.+e.name

splitcheck(e.checkstyle,s)

if(yesok==no){

checkok=false;

break;

}

}

return(checkok);

}

function ChkString(checkStr)

{

var checkOK = 0123456789;

var allValid = true;

for (i = 0; i 

{

ch = checkStr.charAt(i);

for (j = 0; j 

if (ch == checkOK.charAt(j))

break;

if (j == checkOK.length)

{

allValid = false;

break;

}

}

return(allValid);

}

function alertMsg(element,msg){

alert(msg)

element.focus()

yesok=no

return false

}

通用HTML页面提交表单校验javascript函数
检验是否为空
检验邮件格式
检验数字
检验字段长度本例:3-5位数字
检验html字符
不检验
 

说明:javascript 函数本身不用更改,COPY这段JS到页面里的

之间就可以使用,只需要在HTML页面里的Form里所有元素里加上checkstyle=a,b,c,d,e,f(包括button,checkbox,radio等),需要说明的是checkstyle不是html的包含的标准语言,是我自己定义的。


checkstyle=a,b,c,d,e,f的含义

a --检验是否为空,值为:1或0,1表示检验,0表示跳过

b --检验是否为数字,值为:1或0,1表示检验,0表示跳过

c --检验邮件格式,值为:1或0,1表示检验,0表示跳过

d --检验最小长度,值为:数字或0,数字表示检验(最小长度),0表示跳过

e --检验最大长度,值为:数字或0,数字表示检验(最大长度),0表示跳过

f --检验HTML字符,值为:1或0,1表示检验,0表示跳过

checkstyle=0,0,0,0,0,0表示全部不检验

使用:请按照form正常格式命名Form内的字段名称,不能有重复(命名字段时候注意不要使用javascript里面的一些常用词语如:name等)。在 

 加上,对于表单命名和表单内字段命名无特别要求,对于一个页面里有多个FORM情况,不需要另外写函数,只需表单的名称不一样就可以使用。


###本程序在ie5和ie5.5上测试通过####

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/110843
推荐阅读
相关标签
  

闽ICP备14008679号