`
fehly
  • 浏览: 245585 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Js常用的校验

阅读更多

最近js用的比较多,所以简单的整理下

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FormVerify</title>
</head>
<script type="text/javascript">
   <!--js中trim函数,去除两边的空格-->
	function trim(str){ //删除左右两端的空格
       return str.replace(/(^\s*)|(\s*$)/g, "");
   }
	function ltrim(str){ //删除左边的空格
       return str.replace(/(^\s*)/g,"");
   }
  	function rtrim(str){ //删除右边的空格
       return str.replace(/(\s*$)/g,"");
   }
	
	<!--对表单提交是的验证,在onSubmit中需要return-->
	function fsub(){
	
	<!-- 表单验证,不能为空,如果为空,提示后激活当期为空的窗体-->
		var name=document.getElementById("username");
		//去除姓名两边空格
	     if(trim(name.value)==""){
		 	alert("姓名不能为空");
			name.focus();
			return false;
		 }
	
	<!-- 判断密码不能为少于6位,和两次密码是否相同-->	 
		 var password=document.getElementById("password");
		 var passworda=document.getElementById("passworda");
		 if(password.value.length < 6){
		 	alert("密码不能少于6位");
			return false;
		 }
		 if(password.value != passworda.value){
		 	alert("两次密码不一致");
			return false;
		 }
		 
	<!--对单选按钮(radio)及多个值进行校验用ElementsByName -->
	     var sex=document.getElementsByName("radio");
		 var count=0;
		 for(var i=0;i<sex.length;i++){
		 	if(sex[i].checked){
				count++;
			}
		 }
		 if(count==0){
		 	alert("请正确选择性别");
			return false;
		 }
		
	<!--对下拉列表(select)的校验-->
		var category=document.getElementById("category");
		//>1因为第一个是默认选中,
		if(category.selectedIndex < 1){
			alert("请选择下拉");
			return false;
		}
	<!--对复选框(checkbox的校验)-->
		var hobby=document.getElementsByName("hobby");
		var flag=false;
		for(var i=0;i<hobby.length;i++){
			 if(hobby[i].checked){
			 	flag=true;
				break;
			 }
		}
		if(!flag){
			alert("至少选择一项爱好");
		}
		return flag;
	
		 
	}

</script>
<body>
<form id="form1" name="form1" method="post" action="" onsubmit="return fsub()">
  <table width="80%" border="1">
    <tr>
      <td align="right">用户名:</td>
      <td><input type="text" name="username" id="username" /></td>
    </tr>
    <tr>
      <td align="right">密码:</td>
      <td><input type="password" name="password" id="password" /></td>
    </tr>
    <tr>
      <td align="right">请确认密码:</td>
      <td><input type="password" name="passworda" id="passworda" /></td>
    </tr>
    <tr>
      <td align="right">性别:</td>
      <td>男
      <input type="radio" name="radio" id="man" value="man" />
      女
      <input type="radio" name="radio" id="women" value="women" /></td>
    </tr>
    <tr>
      <td align="right">分类:</td>
      <td>
      <select name="category" id="category">
      	<option value="">请选择</option>
        <option value="work">工作</option>
        <option value="firend">朋友</option>
        <option value="family">家人</option>
      </select>
      </td>
    </tr>
    <tr>
      <td align="right">爱好:</td>
      <td>
        <input type="checkbox" name="hobby" id="hobby" value="movic"/>
        电影
        <input type="checkbox" name="hobby" id="hobby" value="travel"/>
        旅游
        <input type="checkbox" name="hobby" id="hobby" value="poker"/>
        打牌
      </td>
    </tr>
    <tr>
      <td align="right">
        <input type="submit" name="btnsubmit" id="btnsubmit" value="提交"  />
      </td>
      <td><input type="reset" name="btnresult" id="btnresult" value="重置" /></td>
    </tr>
  </table>
</form>

</body>
</html>
分享到:
评论

相关推荐

    javascript常用校验脚本

    javascript常用校验脚本,包括电子邮件地址、移动电话号码、身份证、计算机的IP地址 、邮政编码

    js常用校验封装方法

    js常用校验封装方法,大家可参考应用,主要方法有 必添选项验证、Email验证、MM/DD/YYYYY日期格式验证、网址验证、金额校验、身份证号码验证、英文大写字母验证、邮政编码格式验证、电话号码格式验证、包含手机的...

    JS常用校验

    常用的JS校验, 包括身份证、邮箱、电话等等等的校验, WEB开发中非常实用的工具

    javascript 常用校验代码

    NULL 博文链接:https://hw1287789687.iteye.com/blog/2124945

    js 常用验证 JavaScript 常用验证

    网址:http://www.web-tag.net/all_22.htm 或者下载CHM 格式文档

    常用javascript校验

    常用javascript校验常用javascript校验常用javascript校验常用javascript校验常用javascript校验

    javaj中一些常用js校验

    此文档中包含一些常用的js校验,例如:非空校验了啊,特殊符号的限制了啊,限制文本框输入格式啊等等

    java&javaScript实现的部分常用校验器

    java和js实现的部分常用校验器,包括: 1、身份证号校验; 2、电话号码校验(移动电话或者固话); 3、车牌号校验; 4、车架号VIN码校验。 具体网址:http://blog.csdn.net/jodenhe/article/details/77962753

    常用js大全,javascript校验大全

    js大全 . 1.1 全是数字.. 3 1.2 限制 期限 不能大于 100 年.. 4 1.3 将日期格式由yyyy-MM-dd,转换为yyyymmdd,以直接比较两个日 期的大小.. 4 1.4 判断字符串是否全部由数字组成. 5 1.5 判断字符串是否全部由字母...

    常用的JavaScript验证正则表达式应用规则

    操作符的基本意义就是“或”运算。要匹配“toon”,使用“tn”正则表达式。这里不能使用方扩号,因为方括号只答应匹配单个字符;这里必须使用圆括号“”。圆括号还可以用来分组,具体请参见后面介绍。...

    js常用验证函数,邮箱验证,手机号码验证,是否url地址,是否字符串,是否数字......

    js常用验证函数,邮箱验证,手机号码验证,是否url地址,是否字符串,是否数字......,十分方便,随取随用

    javascript常用的一些校验

    javascript常用的一些校验 很全的 希望各位喜欢

    JS 常用校验函数

    //校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec&#40;s&#41;) return false return true } //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 ...

    js校验常用方法

    NULL 博文链接:https://wlh269.iteye.com/blog/357114

    javascript常用数据校验正则表达式

    NULL 博文链接:https://aimilin6688.iteye.com/blog/1256326

    js常用参数检验工具类

    该javaScript库主要包括了如下模块: 1、手机号码校验; 2、身份证校验;3、邮箱校验; 4、字符串常用类; 5、简单四则运算;6、正则表达式生成工具类; 7、日期工具; 8、url工具;9、数组工具类;10、对象工具类

    crc8查表法校验程序和校验检查软件

    CRC即循环冗余校验码(Cyclic Redundancy Check):是数据通信领域中最常用的一种差错校验码,其特征是信息字段和校验字段的长度可以任意选定。 CRC校验可以简单地描述为:例如我们要发送一些数据(信息字段),...

Global site tag (gtag.js) - Google Analytics