搜索
您的当前位置:首页正文

js验证表单的详细总结

2023-12-01 来源:字库网

不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~ 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false;

*/ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(d+).(d+).(d+).(d+)$/g //匹配IP地址的正则表达式 if(re.test(strIP)) { if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true; } return false; } /*

用途:检查输入字符串是否为空或者全部都是空格 输入:str 返回: 如果全是空返回true,否则返回false

*/ function isNull( str ){ if ( str == "" ) return true; var regu = "^[ ]+$"; var re = new RegExp(regu); return re.test(str); } /*

用途:检查输入对象的值是否符合整数格式 输入:str 输入的字符串 返回:如果通过验证返回true,否则返回false

*/ function isInteger( str ){ var regu = /^[-]{0,1}[0-9]{1,}$/; return regu.test(str); } /*

用途:检查输入手机号码是否正确 输入: s:字符串 返回: 如果通过验证返回true,否则返回false

*/ function checkMobile( s ){ var regu =/^[1][3][0-9]{9}$/; var re = new RegExp(regu); if (re.test(s)) { return true; }else{ return false; } } /*

用途:检查输入字符串是否符合正整数格式 输入: s:字符串 返回: 如果通过验证返回true,否则返回false

*/ function isNumber( s ){ var regu = "^[0-9]+$"; var re = new RegExp(regu); if (s.search(re) != -1) { return true; } else { return false; } } /*

用途:检查输入字符串是否是带小数的数字格式,可以是负数 输入: s:字符串 返回: 如果通过验证返回true,否则返回false

*/ function isDecimal( str ){ if(isInteger(str)) return true; var re = /^[-]{0,1}(d+)[.]+(d+)$/; if (re.test(str)) { if(RegExp.$1==0&&RegExp.$2==0) return false; return true; } else { return false; } } /*

用途:检查输入对象的值是否符合端口号格式 输入:str 输入的字符串 返回:如果通过验证返回true,否则返回false

*/ function isPort( str ){ return (isNumber(str) && str<65536); } /*

用途:检查输入对象的值是否符合E-Mail格式 输入:str 输入的字符串 返回:如果通过验证返回true,否则返回false

*/ function isEmail( str ){ var myReg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+.)+[A-Za-z0-9]{2,3}$/; if(myReg.test(str)) return true; return false; } /*

用途:检查输入字符串是否符合金额格式 格式定义为带小数的正数,小数点后最多三位 输入: s:字符串 返回: 如果通过验证返回true,否则返回false

*/ function isMoney( s ){ var regu = "^[0-9]+[.][0-9]{0,3}$"; var re = new RegExp(regu); if (re.test(s)) { return true; } else { return false; } } /*

用途:检查输入字符串是否只由英文字母和数字和下划线组成 输入: s:字符串 返回: 如果通过验证返回true,否则返回false

*/ function isNumberOr_Letter( s ){//判断是否是数字或字母 var regu = "^[0-9a-zA-Z\_]+$"; var re = new RegExp(regu); if (re.test(s)) { return true; }else{ return false; } } /*

用途:检查输入字符串是否只由英文字母和数字组成 输入: s:字符串 返回: 如果通过验证返回true,否则返回false

*/ function isNumberOrLetter( s ){//判断是否是数字或字母 var regu = "^[0-9a-zA-Z]+$"; var re = new RegExp(regu); if (re.test(s)) { return true; }else{ return false; } } /*

用途:检查输入字符串是否只由汉字、字母、数字组成 输入: value:字符串 返回: 如果通过验证返回true,否则返回false

*/ function isChinaOrNumbOrLett( s ){//判断是否是汉字、字母、数字组成 var regu = "^[0-9a-zA-Zu4e00-u9fa5]+$"; var re = new RegExp(regu); if (re.test(s)) { return true; }else{ return false; } } /*

用途:判断是否是日期 输入:date:日期;fmt:日期格式 返回:如果通过验证返回true,否则返回false

*/ function isDate( date, fmt ) { if (fmt==null) fmt="yyyyMMdd"; var yIndex = fmt.indexOf("yyyy"); if(yIndex==-1) return false; var year = date.substring(yIndex,yIndex+4); var mIndex = fmt.indexOf("MM"); if(mIndex==-1) return false; var month = date.substring(mIndex,mIndex+2); var dIndex = fmt.indexOf("dd"); if(dIndex==-1) return false; var day = date.substring(dIndex,dIndex+2); if(!isNumber(year)||year>"2100" || year< "1900") return false; if(!isNumber(month)||month>"12" || month< "01") return false; if(day>getMaxDay(year,month) || day< "01") return false; return true; } function getMaxDay(year,month) { if(month==4||month==6||month==9||month==11) return "30"; if(month==2) if(year%4==0&&year%100!=0 || year%400==0) return "29"; else return "28"; return "31"; } /*

用途:字符1是否以字符串2结束 输入:str1:字符串;str2:被包含的字符串 返回:如果通过验证返回true,否则返回false

*/ function isLastMatch(str1,str2) { var index = str1.lastIndexOf(str2); if(str1.length==index+str2.length) return true; return false; } /*

用途:字符1是否以字符串2开始 输入:str1:字符串;str2:被包含的字符串 返回:如果通过验证返回true,否则返回false

*/ function isFirstMatch(str1,str2) { var index = str1.indexOf(str2); if(index==0) return true; return false; } /*

用途:字符1是包含字符串2 输入:str1:字符串;str2:被包含的字符串 返回:如果通过验证返回true,否则返回false

*/ function isMatch(str1,str2) { var index = str1.indexOf(str2); if(index==-1) return false; return true; } /*

用途:检查输入的起止日期是否正确,规则为两个日期的格式正确, 且结束如期>=起始日期 输入: startDate:起始日期,字符串 endDate:结束如期,字符串 返回: 如果通过验证返回true,否则返回false

*/ function checkTwoDate( startDate,endDate ) { if( !isDate(startDate) ) { alert("起始日期不正确!"); return false; } else if( !isDate(endDate) ) { alert("终止日期不正确!"); return false; } else if( startDate > endDate ) { alert("起始日期不能大于终止日期!"); return false; } return true; } /*

用途:检查输入的Email信箱格式是否正确 输入: strEmail:字符串 返回: 如果通过验证返回true,否则返回false

*/ function checkEmail(strEmail) { //var emailReg = /^[_a-z0-9]+@([_a-z0-9]+.)+[a-z0-9]{2,3}$/; var emailReg = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/; if( emailReg.test(strEmail) ){ return true; }else{ alert("您输入的Email地址格式不正确!"); return false; } } /*

用途:检查输入的电话号码格式是否正确 输入: strPhone:字符串 返回: 如果通过验证返回true,否则返回false

*/ function checkPhone( strPhone ) { var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/; var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/; var prompt = "您输入的电话号码不正确!" if( strPhone.length > 9 ) { if( phoneRegWithArea.test(strPhone) ){ return true; }else{ alert( prompt ); return false; } }else{ if( phoneRegNoArea.test( strPhone ) ){ return true; }else{ alert( prompt ); return false; } } } /*

用途:检查复选框被选中的数目 输入: checkboxID:字符串 返回: 返回该复选框中被选中的数目

*/ function checkSelect( checkboxID ) { var check = 0; var i=0; if( document.all(checkboxID).length > 0 ) { for( i=0; i<document.all(checkboxID).length; i++ ) { if( document.all(checkboxID).item( i ).checked ) { check += 1; } } }else{ if( document.all(checkboxID).checked ) check = 1; } return check; } function getTotalBytes(varField) { if(varField == null) return -1; var totalCount = 0; for (i = 0; i< varField.value.length; i++) { if (varField.value.charCodeAt(i) > 127) totalCount += 2; else totalCount++ ; } return totalCount; } function getFirstSelectedValue( checkboxID ){ var value = null; var i=0; if( document.all(checkboxID).length > 0 ){ for( i=0; i<document.all(checkboxID).length; i++ ){ if( document.all(checkboxID).item( i ).checked ){ value = document.all(checkboxID).item(i).value; break; } } } else { if( document.all(checkboxID).checked ) value = document.all(checkboxID).value; } return value; } function getFirstSelectedIndex( checkboxID ){ var value = -2; var i=0; if( document.all(checkboxID).length > 0 ){ for( i=0; i<document.all(checkboxID).length; i++ ) { if( document.all(checkboxID).item( i ).checked ) { value = i; break; } } } else { if( document.all(checkboxID).checked ) value = -1; } return value; } function selectAll( checkboxID,status ){ if( document.all(checkboxID) == null) return; if( document.all(checkboxID).length > 0 ){ for( i=0; i<document.all(checkboxID).length; i++ ){ document.all(checkboxID).item( i ).checked = status; } } else { document.all(checkboxID).checked = status; } } function selectInverse( checkboxID ) { if( document.all(checkboxID) == null) return; if( document.all(checkboxID).length > 0 ) { for( i=0; i<document.all(checkboxID).length; i++ ) { document.all(checkboxID).item( i ).checked = !document.all(checkboxID).item( i ).checked; } } else { document.all(checkboxID).checked = !document.all(checkboxID).checked; } } function checkDate( value ) { if(value=='') return true; if(value.length!=8 || !isNumber(value)) return false; var year = value.substring(0,4); if(year>"2100" || year< "1900") return false; var month = value.substring(4,6); if(month>"12" || month< "01") return false; var day = value.substring(6,8); if(day>getMaxDay(year,month) || day< "01") return false; return true; } /*

用途:检查输入的起止日期是否正确,规则为两个日期的格式正确或都为空 且结束日期>=起始日期 输入: startDate:起始日期,字符串 endDate: 结束日期,字符串 返回: 如果通过验证返回true,否则返回false

*/ function checkPeriod( startDate,endDate ) { if( !checkDate(startDate) ) { alert("起始日期不正确!"); return false; } else if( !checkDate(endDate) ) { alert("终止日期不正确!"); return false; } else if( startDate > endDate ) { alert("起始日期不能大于终止日期!"); return false; } return true; } /*

用途:检查证券代码是否正确 输入: secCode:证券代码 返回: 如果通过验证返回true,否则返回false

*/ function checkSecCode( secCode ) { if( secCode.length !=6 ){ alert("证券代码长度应该为6位"); return false; } if(!isNumber( secCode ) ){ alert("证券代码只能包含数字"); return false; } return true; }

/**************************************************** function:cTrim(sInputString,iType) description:字符串去空格的函数 parameters:iType:1=去掉字符串左边的空格 2=去掉字符串左边的空格 0=去掉字符串左边和右边的空格 return value:去掉空格的字符串 ****************************************************/

function cTrim(sInputString,iType) { var sTmpStr = ' '; var i = -1; if(iType == 0 || iType == 1) { while(sTmpStr == ' ') { ++i; sTmpStr = sInputString.substr(i,1); } sInputString = sInputString.substring(i); } if(iType == 0 || iType == 2) { sTmpStr = ' '; i = sInputString.length; while(sTmpStr == ' ') { --i; sTmpStr = sInputString.substr(i,1); } sInputString = sInputString.substring(0,i+1); } return sInputString; } /*

小编还为您整理了以下内容,可能对您也有帮助:

JS怎样验证表单数组

1.最原始的方法

<form onsubmit="return submitFun();">  
<!-- submitFun()方法返回true跳转 返回false不跳转 -->

function submitFun(){
var name = .. //表单数据
var password = ...//表单数据
var data = .. //数据库数据
if(name == data.name&&password = data.password){
    return true;
}else{
    return false;
}
}

2.jquery的原始的方法

<form></form>

用jquery提交表单,提交时逐一验证

$('form').submit(function(){
   if(...){
       return true;
   }else{
       return false;
   }
});

3.使用jquery插件 

jquery官方有一个jquery.validate插件专门用作表单验证的,百度可以搜到大量教程。当然也可以下载其他的jquery表单验证插件,使用起来很方便。

个人推荐使用jquery插件

JS怎样验证表单数组

1.最原始的方法

<form onsubmit="return submitFun();">  
<!-- submitFun()方法返回true跳转 返回false不跳转 -->

function submitFun(){
var name = .. //表单数据
var password = ...//表单数据
var data = .. //数据库数据
if(name == data.name&&password = data.password){
    return true;
}else{
    return false;
}
}

2.jquery的原始的方法

<form></form>

用jquery提交表单,提交时逐一验证

$('form').submit(function(){
   if(...){
       return true;
   }else{
       return false;
   }
});

3.使用jquery插件 

jquery官方有一个jquery.validate插件专门用作表单验证的,百度可以搜到大量教程。当然也可以下载其他的jquery表单验证插件,使用起来很方便。

个人推荐使用jquery插件

js表单的验证

1. 长度*
<script>
function test()
...{
if(document.a.b.value.length>50)
...{
alert("不能超过50个字符!");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
2. 只能是汉字
<input onkeyup="value="/oblog/value.replace(/[^u4E00-u9FA5]/g,'')">
3." 只能是英文
<script language=javascript>
function onlyEng()
...{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>
<input onkeydown="onlyEng();">
4. 只能是数字
<script language=javascript>
function onlyNum()
...{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
</script>
<input onkeydown="onlyNum();">
5. 只能是英文字符和数字
<input onkeyup="value="/oblog/value.replace(/[W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))">
6. 验证邮箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) ...{
if (strEmail.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
7. 屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.2">
function test() ...{
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0))...{
alert(":)");
a.b.focus();
return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>
8. 两次输入密码是否相同
<FORM METHOD=POST ACTION="">
<input type="password" id="input1">
<input type="password" id="input2">
<input type="button" value="test" onclick="check()">
</FORM>
<script>
function check()
...{
with(document.all)...{
if(input1.value!=input2.value)
...{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
9.身份证的验证
function isIdCardNo(num)
{
if (isNaN(num)) {alert("输入的不是数字!"); return false;}
var len = num.length, re;
if (len == 15)
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
else if (len == 18)
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
else {alert("输入的数字位数不对!"); return false;}
var a = num.match(re);
if (a != null)
{
if (len==15)
{
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
else
{
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对!"); return false;}
}
return true;
}

}

js表单的验证

1. 长度*
<script>
function test()
...{
if(document.a.b.value.length>50)
...{
alert("不能超过50个字符!");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
2. 只能是汉字
<input onkeyup="value="/oblog/value.replace(/[^u4E00-u9FA5]/g,'')">
3." 只能是英文
<script language=javascript>
function onlyEng()
...{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>
<input onkeydown="onlyEng();">
4. 只能是数字
<script language=javascript>
function onlyNum()
...{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
</script>
<input onkeydown="onlyNum();">
5. 只能是英文字符和数字
<input onkeyup="value="/oblog/value.replace(/[W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))">
6. 验证邮箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) ...{
if (strEmail.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
7. 屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.2">
function test() ...{
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0))...{
alert(":)");
a.b.focus();
return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>
8. 两次输入密码是否相同
<FORM METHOD=POST ACTION="">
<input type="password" id="input1">
<input type="password" id="input2">
<input type="button" value="test" onclick="check()">
</FORM>
<script>
function check()
...{
with(document.all)...{
if(input1.value!=input2.value)
...{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
9.身份证的验证
function isIdCardNo(num)
{
if (isNaN(num)) {alert("输入的不是数字!"); return false;}
var len = num.length, re;
if (len == 15)
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
else if (len == 18)
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
else {alert("输入的数字位数不对!"); return false;}
var a = num.match(re);
if (a != null)
{
if (len==15)
{
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
else
{
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对!"); return false;}
}
return true;
}

}

如何用JS来判断是否表单上是否都有内容

如下代码可以实现:<br><script><br>
function Cmd(){<br>
var ipt = document.getElementById("divbox").getElementsByTagName("input"); //查找divbox这个div里的所有文本框<br>
for(var i = 0; i < ipt.length; i++){ //循环<br>
if(ipt[i].value.length == 0){ //如果其中一个文本框没有填写<br>
alert("所有文本框都需要填写"); //弹出提示<br>
ipt[i].focus(); //定位到没有填写的文本框<br>
return false; //返回false<br>
}<br>
}<br>
return true; //都已经填写,返回true<br>
}<br></script><br><form action="1.html"><br><div id="divbox"><br>
用户名:<input type="text" /><br>
密码:<input type="text" /><br>
昵称:<input type="text" /><br></div><br><br><input type="submit" value="提交" onclick="return Cmd();" /><br></form>

如何用JS来判断是否表单上是否都有内容

如下代码可以实现:<br><script><br>
function Cmd(){<br>
var ipt = document.getElementById("divbox").getElementsByTagName("input"); //查找divbox这个div里的所有文本框<br>
for(var i = 0; i < ipt.length; i++){ //循环<br>
if(ipt[i].value.length == 0){ //如果其中一个文本框没有填写<br>
alert("所有文本框都需要填写"); //弹出提示<br>
ipt[i].focus(); //定位到没有填写的文本框<br>
return false; //返回false<br>
}<br>
}<br>
return true; //都已经填写,返回true<br>
}<br></script><br><form action="1.html"><br><div id="divbox"><br>
用户名:<input type="text" /><br>
密码:<input type="text" /><br>
昵称:<input type="text" /><br></div><br><br><input type="submit" value="提交" onclick="return Cmd();" /><br></form>

js的表单验证问题

<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript">
function check()
{
if(document.enquiry.name.value=="")
{
alert("please fill in your name");
enquiry.name.focus();
return false;
}

if(document.enquiry.email.value=="")
{
alert("please fill in your email");
enquiry.email.focus();
return false;
}

var patrn=/^\w+@\w+\.((com)|(cn)|(com\.cn)|(net))$/;

var s=document.enquiry.email.value;
if(!patrn.exec(s)){
alert("please correct your email");
enquiry.email.focus();
return false;
}

if(document.enquiry.en.value=="")
{
alert("please fill in your enquiry");
enquiry.en.focus();
return false;
}
}
</script>
<title>javascript</title>
</head>
<body>
<form name="enquiry" action="sub.asp" method="post">
姓名:<input name="name" type="text" class="textfield" id="name" size="18"/> <br/>
邮箱:<input name="email" type="text" class="textfield" id="email" size="18"/> <br/>
询问:<textarea name="en" cols="85" rows="6" class="textfield" id="en"></textarea> <br/>
<input type="submit" value="提交" onclick="return check();">
</form>
</body>
</html>

非常精确的电子邮箱验证正则表达式....

已经正常运行并调试....

楼主可运行试试看...并且添加了输入错误后光标自动回到输入框中...

还在...心想楼主问这个问题我想楼主的正则表达式一定有所欠缺...

我还是把我学正则表达式的网址留给楼主把....楼主可以去看一下...

当然学一下更好...

http://www.javaeye.com/topic/30728

如果有什么不懂的可以百度HI问我...帮你解决...

祝楼主早日成功!!!!

js的表单验证问题

<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript">
function check()
{
if(document.enquiry.name.value=="")
{
alert("please fill in your name");
enquiry.name.focus();
return false;
}

if(document.enquiry.email.value=="")
{
alert("please fill in your email");
enquiry.email.focus();
return false;
}

var patrn=/^\w+@\w+\.((com)|(cn)|(com\.cn)|(net))$/;

var s=document.enquiry.email.value;
if(!patrn.exec(s)){
alert("please correct your email");
enquiry.email.focus();
return false;
}

if(document.enquiry.en.value=="")
{
alert("please fill in your enquiry");
enquiry.en.focus();
return false;
}
}
</script>
<title>javascript</title>
</head>
<body>
<form name="enquiry" action="sub.asp" method="post">
姓名:<input name="name" type="text" class="textfield" id="name" size="18"/> <br/>
邮箱:<input name="email" type="text" class="textfield" id="email" size="18"/> <br/>
询问:<textarea name="en" cols="85" rows="6" class="textfield" id="en"></textarea> <br/>
<input type="submit" value="提交" onclick="return check();">
</form>
</body>
</html>

非常精确的电子邮箱验证正则表达式....

已经正常运行并调试....

楼主可运行试试看...并且添加了输入错误后光标自动回到输入框中...

还在...心想楼主问这个问题我想楼主的正则表达式一定有所欠缺...

我还是把我学正则表达式的网址留给楼主把....楼主可以去看一下...

当然学一下更好...

http://www.javaeye.com/topic/30728

如果有什么不懂的可以百度HI问我...帮你解决...

祝楼主早日成功!!!!

jquery或js表单验证

思路如下:
在每个form元素外层加个套子,用来做隐藏与否,
<div id="id_f"><label>婚否?</label><input name="marry" /></div>
<div id="id_g"><label>扎否?</label><input name="ligate" /></div>
JS,check每个里面的input有没有值,如果有值,且符合规格,则不予继续处理;
如果没有值或不合规格,则把此div元素添加到目标弹出块中。
然后再依据id的隐藏与否、id内input的值做check。

jquery或js表单验证

思路如下:
在每个form元素外层加个套子,用来做隐藏与否,
<div id="id_f"><label>婚否?</label><input name="marry" /></div>
<div id="id_g"><label>扎否?</label><input name="ligate" /></div>
JS,check每个里面的input有没有值,如果有值,且符合规格,则不予继续处理;
如果没有值或不合规格,则把此div元素添加到目标弹出块中。
然后再依据id的隐藏与否、id内input的值做check。

用JS提交表单时如何验证表单项

都可以的,在以上的代码里面可以,在obsubmit代码里面也可以,例如可以:

function selectByMoreC(Action){

document.forms["salChanceForm"].method = "post";

document.forms["salChanceForm"].action = Action;

if (document.forms["salChanceForm"].myinput.value.match(/[^0-9]/))

{

alert('xxx只能输入数字!');

}//还可以添加其它一些字段的判断

else document.forms["salChanceForm"].submit();

}

JS什么是表单验证

我这有个表单验证的CHM文件我MAIL给你吧.留下你的MAIL
表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。
Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。因为是伪静态类,所以在调用时不需要实例化,直接以"类名+.语法+属性或方法名"来调用。此外,Validator还提供3种不同的错误提示模式,以满足不同的需要。
Validator目前可实现的验证类型有:
1.是否为空;
2.中文字符;
3.双字节字符
4.英文;
5.数字;
6.整数;
7.实数;
8.Email地址;
9.使用HTTP协议的网址;
10.电话号码;
11.货币;
12.手机号码;
13.邮政编码;
14.身份证号码;
15.QQ号码;
16.日期;
17.符合安全规则的密码;
18.某项的重复值;
19.两数的关系比较;
20.判断输入值是否在(n, m)区间;
21.输入字符长度*(可按字节比较);
22.对于具有相同名称的单选按钮的选中判断;
23.*具有相同名称的多选按钮的选中数目;
24.自定义的正则表达式验证;
运行环境(客户端):
在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0测试通过;
在Lunix RedHat 9下的Netscape测试通过;

JS什么是表单验证

我这有个表单验证的CHM文件我MAIL给你吧.留下你的MAIL
表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。
Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。因为是伪静态类,所以在调用时不需要实例化,直接以"类名+.语法+属性或方法名"来调用。此外,Validator还提供3种不同的错误提示模式,以满足不同的需要。
Validator目前可实现的验证类型有:
1.是否为空;
2.中文字符;
3.双字节字符
4.英文;
5.数字;
6.整数;
7.实数;
8.Email地址;
9.使用HTTP协议的网址;
10.电话号码;
11.货币;
12.手机号码;
13.邮政编码;
14.身份证号码;
15.QQ号码;
16.日期;
17.符合安全规则的密码;
18.某项的重复值;
19.两数的关系比较;
20.判断输入值是否在(n, m)区间;
21.输入字符长度*(可按字节比较);
22.对于具有相同名称的单选按钮的选中判断;
23.*具有相同名称的多选按钮的选中数目;
24.自定义的正则表达式验证;
运行环境(客户端):
在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0测试通过;
在Lunix RedHat 9下的Netscape测试通过;

js表单验证

按照你的要求做了一个示例,样式和图标你需要自己定义,功能已完全实现.顺便试试附件功能, : )

<style>

#frm span {

display: none;

color: #FF0000;

}

</style>

<form action="?" id="frm" onsubmit="javascript:return chkfrm(this);">

姓名:<input type="text" name="name" id="name" onblur="javascript:chkname(this);" /><span></span><br />

QQ号:<input type="text" name="qq" id="qq" onblur="javascript:chkqq(this);" /><span></span><br />

邮箱:<input type="text" name="mail" id="mail" onblur="javascript:chkmail(this);" /><span></span><br />

电话:<input type="text" name="tel" id="tel" onblur="javascript:chktel(this);" /><span></span><br />

留言:<textarea name="text" id="text" onblur="javascript:chktext(this);"></textarea><span></span><br />

<input type="submit" value="提交表单">

</form>

<script type="text/javascript">

var st=false;

function chkname(o){

st=/^[u4e00-u9fa5]{2,4}$/gi.test(o.value);

o.nextSibling.innerHTML='姓名应为2-4个汉字';

o.nextSibling.style.display=(st?'none':'inline');

}

function chkqq(o){

st=/^d{5,11}$/gi.test(o.value);

if(!st){

o.nextSibling.innerHTML=(o.value==''?'请输入QQ号':'QQ号应为5-11位数字');

o.nextSibling.style.display='inline';

return;

}

else o.nextSibling.style.display='none';

}

// ....

function chkfrm(f){

chkname(f.name);

chkqq(f.qq);

chkmail(f.mail);

chktel(f.tel);

chktext(f.text);

return st;

}

</script>

贴出一部分代码,完整示例在附件中.

js表单验证

<HTML>

<meta charset="gbk"/>

<head>

  <SCRIPT LANGUAGE="JavaScript">

    function Check(frm1)

     {

     if (frm1.username.value==""){

          alert("用户名不能为空!");

          document.frm1.username.focus();

          return false;

     }

      if (frm1.p.value==""){

          alert("密码不能为空!");

          document.frm1.p.focus();

          return false;

      }

      if (frm1.p2.value!=frm1.p.value){

          alert("两次密码不一致!");

          document.frm1.p2.focus();

          return false;

      }

      if (frm1.y.value==""){

          alert("邮箱不能为空!");

          document.frm1.y.focus();

          return false;

      }

}

</SCRIPT>

</head>

<BODY>

 <FORM NAME="frm1">

    用户名:<INPUT TYPE="text" name="username"><br>

    密码:<INPUT TYPE="password"  name="p"><br>

    重复密码:<INPUT TYPE="password" name="p2"><br>

    邮箱:<INPUT TYPE="text" name="y"><br>

    城市:<select>

       <option>山东</option>

       <option>湖南</option>

    </select><br>

    爱好:吃饭<INPUT TYPE="checkbox">睡觉<INPUT TYPE="checkbox">吃饭和睡觉<INPUT TYPE="checkbox">

男<INPUT TYPE="radio">女<INPUT TYPE="radio"><br>

  

    个人简介 <textarea> </textarea> <br>

    <INPUT TYPE="submit"  VALUE="确定" ONCLICK="return Check(this.form)">

    <INPUT TYPE="submit"  VALUE="重置" >

</FORM>

</BODY>

</HTML>

改成这样就行了

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

上一篇:

下一篇:

热门图文

  • 送周子华南归的作者 送周子华南归的作者是什么]

    《送周子华南归》陆文圭作者:陆文圭。《送周子华南归》作者:陆文圭。年代:元代。别称:墙东先生。字号:字子方。出生地:江阴(今属江苏)人。出生时间:1252。去世时间:1336。主要作品:《辛卯二月记异》《新移瑞香不得雨有叹》《月·青天一片玉》《挽吉州刘总管》《为刘君符赋乐山诗》等。我们为您从以下几个方面提供送周子华南归的详细介绍。一、《送周子华南归》的全文 点此查看《送周子华南归》的详细内容。此日与君别,重逢未有期。衰年行欲尽,近事或难知。浩荡风云会,萧条草木悲。三吴多俊杰,试与问安危。二、《送周子华南归》陆文圭其他诗词《赤壁图·公瑾子瞻二龙》、《题戴嵩牛图》、《雅宜山在城西五十里有德庵在其下穹寄山福寺》、《送仲华葛兄·蓉城诸葛何绵绵》、《送徐舜辑·彦霖父子魏公客》。相同朝代的诗歌;

  • 次韵叶硕夫南归见贻的全文

    《次韵叶硕夫南归见贻》李弥逊全文:未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。《次韵叶硕夫南归见贻》全文:未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。作者:李弥逊。年代:宋代。我们为您从以下几个方面提供次韵叶硕夫南归见贻的详细介绍。一、《次韵叶硕夫南归见贻》的全文 点此查看《次韵叶硕夫南归见贻》的详细内容。未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。

  • 送周子华南归的作者是什么

    《送周子华南归》陆文圭作者:陆文圭。《送周子华南归》作者:陆文圭。年代:元代。别称:墙东先生。字号:字子方。出生地:江阴(今属江苏)人。出生时间:1252。去世时间:1336。主要作品:《辛卯二月记异》《新移瑞香不得雨有叹》《月·青天一片玉》《挽吉州刘总管》《为刘君符赋乐山诗》等。我们为您从以下几个方面提供送周子华南归的详细介绍。一、《送周子华南归》的全文 点此查看《送周子华南归》的详细内容。此日与君别,重逢未有期。衰年行欲尽,近事或难知。浩荡风云会,萧条草木悲。三吴多俊杰,试与问安危。二、《送周子华南归》陆文圭其他诗词《赤壁图·公瑾子瞻二龙》、《题戴嵩牛图》、《雅宜山在城西五十里有德庵在其下穹寄山福寺》、《送仲华葛兄·蓉城诸葛何绵绵》、《送徐舜辑·彦霖父子魏公客》。相同朝代的诗歌;

  • 次韵叶硕夫南归见贻全文

    《次韵叶硕夫南归见贻》李弥逊全文:未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。《次韵叶硕夫南归见贻》全文:未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。作者:李弥逊。年代:宋代。我们为您从以下几个方面提供次韵叶硕夫南归见贻的详细介绍。一、《次韵叶硕夫南归见贻》的全文 点此查看《次韵叶硕夫南归见贻》的详细内容。未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。

  • 送周子华南归的作者

    《送周子华南归》陆文圭作者:陆文圭。《送周子华南归》作者:陆文圭。年代:元代。别称:墙东先生。字号:字子方。出生地:江阴(今属江苏)人。出生时间:1252。去世时间:1336。主要作品:《辛卯二月记异》《新移瑞香不得雨有叹》《月·青天一片玉》《挽吉州刘总管》《为刘君符赋乐山诗》等。我们为您从以下几个方面提供送周子华南归的详细介绍。一、《送周子华南归》的全文 点此查看《送周子华南归》的详细内容。此日与君别,重逢未有期。衰年行欲尽,近事或难知。浩荡风云会,萧条草木悲。三吴多俊杰,试与问安危。二、《送周子华南归》陆文圭其他诗词《赤壁图·公瑾子瞻二龙》、《题戴嵩牛图》、《雅宜山在城西五十里有德庵在其下穹寄山福寺》、《送仲华葛兄·蓉城诸葛何绵绵》、《送徐舜辑·彦霖父子魏公客》。相同朝代的诗歌;

Top