Javascript的表单验证长度
更新时间：2016年03月16日 11:08:20 作者：WeAreZero
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。通过本文给大家介绍Javascript的表单验证长度，需要的朋友参考下吧
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
该采用什么样的方式对用户作出提醒呢？你一定不想用alert()提示框
在输入域后加一个sqan标签
<input id="phone" name="phone" type="text" size="12" onBlur="validateNonEmptyFun(this,document.getElementById('phone_help'));" />
<span id="phone_help" class="help"></span>
function validate_Length(inputFiled,helpText)
{
//如果输入域内容是空，则在span标签内提醒
if(inputFiled.value.length==0)
{
if(helpText!=null)
helpText.innerHTML="文本框不能为空";
}
//如果输入域不空，则清空span标签内的内容
else if(helpText!=null)
helpText.innerHTML=""
}
</script>
helpText是传入的span对象
用span标签来为用户作出提醒，不会像alert那样阻挡用户视觉
除了非空验证，还有尺寸问题
验证数据长度
<input id="phone" name="phone" type="text" size="12" onBlur="validate_Length(1,32,this,document.getElementById('phone_help'));" />
<span id="phone_help" class="help"></span>
这里的参数变成了四个，第一个是文本最小长度，第二个是文本最长长度
function validate_Length(minLegth,maxlength,inputFiled,helpText)
{
if(inputFiled.value.length<minLegth||inputFiled.value.length>maxlength)
{
if(helpText!=null)
{
helpText.innerHTML="请输入长度为"+minLenght+"到"+maxLength+"的文本";
return false;
}
}
else if(helpText!=null)
{
helpText.innerHTML=""
return true;
}
}
验证邮政编码
function validate_ZipCode(inputFiled,helpText)
{
if(inputFiled.value.length!=5)
{
if(helpText!=null)
helpText.innerHTML="邮政编码长度必须为5位";
return false;
}
else if(isNaN(inputFiled.value))
{
if(helpText!=null)
helpText.innerHTML="邮政编码必须为数字";
return false;
}
else if(helpText!=null)
{
helpText.innerHTML=""
return true;
}
}
相关文章
这篇文章介绍了GUID的几种生成算法，有需要的朋友可以参考一下2013-08-08
这篇文章主要介绍了JavaScript获取网页表单action属性的方法,涉及javascript操作表单属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了JS自定义选项卡函数及用法,以实例形式较为详细的分析了javascript自定义tab切换函数及使用方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
前端开发中，我们通常需要对比两个数组对象的差异。这其中有很多种方法，但是有些方法会带来一些问题，所以本文为大家准备了一个高效方法，需要的可以参考一下2023-05-05
时间函数应用加、减、比较、格式转换等等，具体实现如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
下面小编就为大家带来一篇一个简单不报错的summernote图片上传案例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
这篇文章主要介绍了详解使用grunt完成requirejs的合并压缩和js文件的版本控制 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
JS可以用来播放多种声音文件,包括常见的mp3、wav等格式,这篇文章主要给大家介绍了关于JavaScript中播放音频文件的几种常用方法,需要的朋友可以参考下2023-10-10
本文通过实例代码给大家介绍了bootstrap table样式，非常不错，具有参考借鉴价值，需要的的朋友参考下2017-01-01
简单的无缝滚动程序-仅几行代码...2007-05-05
最新评论