昨天做的表单验证,重要任务是验证用户输入的内容是否股和网站规则,目的是让信息能让浏览器处理,助于奥步骤是判断,然后提示错误,当改正正确后,错误提示隐藏,下面是一组代码:
function errortishi(){
var a=document.getElementById("username").value;
if(a.length<6||a.length>25){
document.getElementById("lbusername").innerHTML="用户名必须6-20位";
return false;
}
var b = /^[a-z|A-Z]{1}[a-z|A-Z|0-9|_]{5,19}$/ ;
if(b.test(a)){
clearerror("lbusername");
return true;
}else{
document.getElementById("lbusername").style.display="";
document.getElementById("lbusername").innerHTML="用户名格式错误!";
return false;
}
还有一个难点是,产生function createCode(){
var codeLength=4;
var checkCode=document.getElementById("checkCode");
var reg=/^[0-9|A-Z]$/
for(var i=0;i<codeLength;i++)
{
var charIndex = Math.floor(Math.random()*36);
code +=selectChar[charIndex];
}
if(checkCode)
{
checkCode.className="code";
checkCode.value = code;
}
}
function validate ()
{
var inputCode = document.getElementById("input1").value;
if(inputCode.length <=0)
{
alert("请输入验证码!");
}
else if(inputCode != code )
{
alert("验证码输入错误!");
createCode();//刷新验证码
}
else
{
alert("^-^ OK");
}
}
验证码:
代码如下:
分享到:
相关推荐
C++的学习感想 很多人把学习C++语言当成学习VC了,我曾经就走过这样的弯路。当学了很长时间的VC后还是得回过头来学习C++语言本身。 C++语言相对于C语言来说引入了两个大的新东西,一个就是面向对像(具体来将...
公司规章制度学习感悟.doc
本学期微机原理课程即将结束,关于微机课程的心得体会甚多。 初学《微机原理》时,感觉摸不着...“麻雀虽小,五脏俱全”,可以通过学习一个模型机的组成和指令执行的过程,了解和熟悉计算机的结构、特点和工作过程。
python学习感悟600字全文共2页,当前为第1页。python学习感悟600字全文共2页,当前为第1页。python学习感悟600字 python学习感悟600字全文共2页,当前为第1页。 python学习感悟600字全文共2页,当前为第1页。 python...
C语言学习感想C语言学习感想
几何光学学习感想.docx
计算机导论的学习感想.docx计算机导论的学习感想.docx计算机导论的学习感想.docx计算机导论的学习感想.docx计算机导论的学习感想.docx计算机导论的学习感想.docx
计算机导论的学习感想.pdf计算机导论的学习感想.pdf计算机导论的学习感想.pdf计算机导论的学习感想.pdf计算机导论的学习感想.pdf
Cadence学习感想.docx
大学计算机基础学习感想3篇.doc大学计算机基础学习感想3篇.doc大学计算机基础学习感想3篇.doc大学计算机基础学习感想3篇.doc大学计算机基础学习感想3篇.doc大学计算机基础学习感想3篇.doc
大学计算机基础学习感想.doc
物联网导论学习感悟.pdf
微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx
华为学习感想.pdf
打造职业化团队之学习感想,教你如何写感想。
数值分析学习总结感想.docx
计算机学习感悟.pdf
(单片机学习感悟,学习总结)
安全事故学习感想.docx