昨天做的表单验证,重要任务是验证用户输入的内容是否股和网站规则,目的是让信息能让浏览器处理,助于奥步骤是判断,然后提示错误,当改正正确后,错误提示隐藏,下面是一组代码:
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");
}
}
验证码:
代码如下:
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");
}
}
验证码:
代码如下: