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)">如果不为空就提交不了
如果要验证邮箱或电话号码等只要 修改相应的正则就可以
<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)">如果不为空就提交不了
如果要验证邮箱或电话号码等只要 修改相应的正则就可以
相关文章推荐
- js用正则表达式来验证表单(比较齐全的资源),JS正则test()方法
- JS常用表单验证方法总结
- yii form 表单提交之前JS在提交按钮的验证方法
- JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
- 在自定义的js验证规则中调用magento的VarienForm方法验证表单
- 用JS验证ASP.NET2.0控件表单的方法(visual2005)
- 表单验证等其他公用js方法
- 用JS验证ASP.NET2.0控件表单的方法(visual2005)
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- 表单验证之validform.js使用方法
- 【JS】关于表单提交前验证的方法和可能遇到的问题总结
- 表单数据验证方法(一)—— 使用validate.js实现表单数据验证
- 利用JS提交表单的几种方法和验证
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- js验证表单的若干方法[转]
- 表单验证之validform.js使用方法
- JS常用表单验证方法总结
- 最实用的js表单验证方法
- 一个流行且实用的JS表单验证提示,演示了怎么自定义错误信息的显示方式,同时通过写FormValid.showError类方法来实现错误显示方式自定义: errMsg 是一个错误消息的数组,这样方便自定
- 使用validate.js实现表单数据提交前的验证方法