您的位置:首页 > Web前端 > JavaScript

JS表单验证方法

2008-05-08 00:51 288 查看
JS表单验证是网页设计中最经常用的。以下是验证是否为空的方法

<script language="javascript">

//这里是验证的具体步骤
function vilidate(f)
{
with(f){
if(name.value.Trim()=="")
{
show_info("请输入名称!",'name');
return false;
}

if(upFileClass.value.Trim()=="")
{
show_info("请选择分类!",'upFileClass');
return false;
}

if(upLoadFile.value.Trim()=="")
{
show_info("请上传文件!",'upLoadFile');
return false;
}

}
}

//这里是提示的信息

function show_info(info,id)
{

alert(info);
document.getElementById(id).focus();

}

//以下是验证时候为空

String.prototype.Trim = function()
{
return this.replace(/^/s*|/s*$/g,"");
}
</script>

然后在表单中加入

<form action="" method="post" name="theForm" onsubmit="return vilidate(this)">如果不为空就提交不了

如果要验证邮箱或电话号码等只要 修改相应的正则就可以
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: