最近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函数和方法。 在JavaScript中，数据校验主要针对以下几个方面： 1. **用户输入校验**：这通常涉及...
js常用校验封装方法，大家可参考应用，主要方法有 必添选项验证、Email验证、MM/DD/YYYYY日期格式验证、网址验证、金额校验、身份证号码验证、英文大写字母验证、邮政编码格式验证、电话号码格式验证、包含手机的...
这些验证脚本是JavaScript中进行数据校验的基本工具，它们可以根据实际需求进行组合和扩展，以满足更复杂的应用场景。例如，你可以结合这些函数创建一个自定义的表单验证器，对用户输入进行全方位的检查。同时，随着...
常用的JS校验, 包括身份证、邮箱、电话等等等的校验, WEB开发中非常实用的工具
网址：http://www.web-tag.net/all_22.htm 或者下载CHM 格式文档
标题“JS 常用校验函数”所涵盖的知识点主要是JavaScript语言中用于字符验证的函数集合。描述中提到这些函数经常被用到，包含了正则表达式等技术，并建议读者保存以便直接使用。通过分析文件内容和标签“JS 校验函数...
此文档中包含一些常用的js校验，例如：非空校验了啊，特殊符号的限制了啊，限制文本框输入格式啊等等
这个"js javaScript 验证校验小工具包"显然是一个集合了各种JavaScript验证和校验功能的资源库，旨在帮助开发者更方便地处理表单验证、数据格式检查等常见任务。 在前端开发中，验证和校验通常涉及以下几个方面： ...
java和js实现的部分常用校验器，包括： 1、身份证号校验； 2、电话号码校验（移动电话或者固话）； 3、车牌号校验； 4、车架号VIN码校验。 具体网址：http://blog.csdn.net/jodenhe/article/details/77962753
这个“常用js大全，javascript校验大全”集合了多种常见的验证功能，确保用户输入的数据格式正确，从而提高用户体验和系统安全性。以下是一些主要的知识点： 1. **数字验证**：用于检查字符串是否全由数字组成，这...
操作符的基本意义就是“或”运算。要匹配“toon”，使用“tn”正则表达式。这里不能使用方扩号，因为方括号只答应匹配单个字符；这里必须使用圆括号“”。圆括号还可以用来分组，具体请参见后面介绍。...
js常用验证函数，邮箱验证，手机号码验证，是否url地址，是否字符串，是否数字......，十分方便，随取随用
"javascript常用数据校验正则表达式"这个主题涉及到的是在前端开发中如何使用正则来验证用户输入的数据，确保其格式正确性。下面将详细讨论JavaScript中正则表达式的常见用法以及`validate.js`这个文件可能包含的...
JavaScript，简称JS，是Web开发中的重要脚本语言，用于实现客户端的动态效果和交互。在前端开发中，校验是必不可少的环节，确保数据的正确性和安全性。本文将深入探讨JavaScript中常用的验证方法，帮助开发者更好地...
在JavaScript中，数据校验是非常重要的一环，它可以帮助我们防止非法数据进入系统，保证程序的稳定性和安全性。下面将详细讨论JavaScript中常见的校验方法和技术。 1. **基础类型校验** JavaScript有七种基础类型...
1. **使用验证库**：有许多成熟的JavaScript验证库，如validate.js、FormValidation等，它们提供了丰富的验证规则和易于使用的API。 2. **前后端双向验证**：虽然前端验证可以提高用户体验，但安全性和数据完整性...
JavaScript，作为一种广泛用于前端开发和后端Node.js环境的脚本语言，提供了多种校验方法。以下是一些常用的JavaScript校验技术及其详细说明： 1. **类型检查**： - `typeof`：检查变量的数据类型，例如 `typeof ...