- 浏览: 54614 次
- 性别:
- 来自: 北京
文章分类
最新评论
@param:做验证的正则表达式
/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 验证邮箱格式
/^[1][358]\d{9}$/; 验证手机号码
/^[0-9]{6}$/;验证邮政编码
/^\d+((\.?\d+)|(\d*))$/;验证Double类型数据
/^[\u4e00-\u9fa5]+$/i; 验证输入数据必须是汉字
/^\d{15}(\d{2}[\dXx]){0,1}$/; 验证身份证号 18位
/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;验证手机号,座机号,分机号
座机号码 (3-4位区号)-(7-8位直拨号码)-(1-4位分机号码) 如:010-1234567-1234
@function JQuery 验证示例,使用方法
function aaaa(){
$("input[type='text']").each(function(){
var a=$(this).val();
alert(a);
});
$("select").each(function(){
var aa=$(this).find("option:selected").text();
alert(aa);
})
}
$("select").each(function(){
var content=$(this).find("option:selected").text();
if(content==""||content=null){
alert("*项为必填项,请完整填写...");
break;
}
flag=false;
});
var oFile = document.getElementById("uploadimg");
oFile.onblur = function(){
if(oFile.value == ""){
alert('空');
}
};
$("#uploadimg").each()(function(){
if($("uploadimg").val()==""||$("#uploadimg").val()=null){
alert("*项为必填项,请完整填写...");
break;
}
flag=false;
});
mId.submit();
}
$(".conn").each(function(){
var content=$(this).val();
alert(content);
if(content==""||content==null){
alert("*项为必填项,请完整填写...");
return false; //break出错
}
});
$("#"+formId+" input[type='text']").each(function(){
var content=$(this).val();
alert(content);
if(content==""||content==null){
alert("*项为必填项,请完整填写...");
return false; //break出错
}
});
/**验证下拉列表option的值不为"" */
$("select").each(function(){
var content=$(this).find("option:selected").text();
if(content==""||content=null){
alert("*项为必填项,请完整填写...");
return false ;
}
flag=false;
});
/**注册用户,去掉前后面空格....action类去空格*/
public void test(){
int begin = 0, end = 0;
for (int i = 0; i < loginName.length(); i++) {
if (loginName.charAt(i) != ' ') {
begin = i;
break;
}
}
for (int i = loginName.length() - 1; i > 0; i--) {
if (loginName.charAt(i) != ' ') {
end = i;
break;
}
}
String loginName=loginName.substring(begin, end + 1);//去掉空格之后的字符串
}
@function:去除前后两端空格
@param:str 要去除空格的字符
function trim(str){
str = str.replace(/^\s+|\s+$/g, "");
return str;
}
@function:图片格式的验证
function checkContent6(){
var filepath= $("input[name='uploadimg']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase();
var img=new Image();
img.src=filepath;
if(filepath==""){
alert("请上传个人近期免冠证件照!");
document.getElementById("uploadimg").focus();
return false;
}else{
if(ext!=".JPG"){
alert("请上传jpg格式图片!");
document.getElementById("uploadimg").focus();
return false;
}
}
return true;
}
@function验证特殊字符
//更多的过滤字符,请自己补充到new Array("char","varcahr","#");
function checkForms(){
var iu, iuu, regArray=new Array("!","varchar","#","?","//","\");
iuu=regArray.length;
var obj=document.getElementById("username").value;
if(obj=="")
{
alert("用户名不能为空");
document.getElementById("username").focus();
return false;
}
for(iu=1;iu<=iuu;iu++)
{
if(regArray[iu] !="")
{
if (obj.indexOf(regArray[iu])!=-1)
{
alert("用户名不可以包含:" + regArray[iu]);
document.getElementById("username").focus();
return false;
}
}
}
return true;
}
@function js比较时间大小
function testTime(){
var s=new Date(dateStart1.replace(/-/g,"/")); //把 yyyy-mm-dd形式的时间格式转换成yyyy/mm/dd,string.replace(yyyy/mm/dd),replace(x,y)由于用一般字符串时不能全局替换,可以正则表达式实现。例:var t1="2011-1-1".replace(/-/g,"/");
var e=new Date(dateEnd1.replace(/-/g,"/")); //把String 类型的时间转换成Date类型
if(s.getTime()<e.getTime()) { //获取时间,比较大小
return true;
}else{
alert("请填写合理的时间范围!");
alert(s+" "+s.getTime()+" "+dateStart1.replace(/-/g,"/"));
document.getElementById("dateEnd1").focus();
return false;
}
}
}
时间大小的比较还可以使用 Date.parse("月/日/年") > Date.parse("月/日/年"),而不是“年月日”或“日月年”,先在文本框里获取时间的String类型值(yyyy-mm-dd),然后转化成mm/dd/yyyy,(String.replace("-","/")),再进行比较,但是一般推荐下述方法,简单可行:
<script>
var a = new Date("2012/12/12");
var b = new Date("2012/12/13");
if(a.getTime()>b.getTime()) {
alert("a");
}else {
alert("b");
}
</script>
补充:
@function:时间大小的比较
if(Date.parse(dateStart1.replace("-","/"))>Date.parse(dateEnd1.replace("-","/"))){
alert("请填写合理的时间范围!");
document.getElementById("dateEnd1").focus();
return false;
}
@function 替换固定电话的中英文半角符号"- -"
function replace(){
var reg1=/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;//验证电话号码,手机号和固定电话
mobilePhone=mobilePhone.replace(/-/g,"-");//全角符号"-",替换为半角
mobilePhone=mobilePhone.replace(/-/g,"-");//半角符号"-"
$("#contactorTelephone").attr("value",mobilePhone);,把替换好的值回赋给text文本
if(reg1.test(mobilePhone)){
}else{
alert("请输入正确格式的电话号码( 手机号 如:138***,座机号 如:010-1234567-12 注意:手机号为11位 )!");
document.getElementById("contactorTelephone").focus();
return false;
}
}
详细案例见:http://doublecqw.iteye.com/blog/1314945
/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 验证邮箱格式
/^[1][358]\d{9}$/; 验证手机号码
/^[0-9]{6}$/;验证邮政编码
/^\d+((\.?\d+)|(\d*))$/;验证Double类型数据
/^[\u4e00-\u9fa5]+$/i; 验证输入数据必须是汉字
/^\d{15}(\d{2}[\dXx]){0,1}$/; 验证身份证号 18位
/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;验证手机号,座机号,分机号
座机号码 (3-4位区号)-(7-8位直拨号码)-(1-4位分机号码) 如:010-1234567-1234
@function JQuery 验证示例,使用方法
function aaaa(){
$("input[type='text']").each(function(){
var a=$(this).val();
alert(a);
});
$("select").each(function(){
var aa=$(this).find("option:selected").text();
alert(aa);
})
}
$("select").each(function(){
var content=$(this).find("option:selected").text();
if(content==""||content=null){
alert("*项为必填项,请完整填写...");
break;
}
flag=false;
});
var oFile = document.getElementById("uploadimg");
oFile.onblur = function(){
if(oFile.value == ""){
alert('空');
}
};
$("#uploadimg").each()(function(){
if($("uploadimg").val()==""||$("#uploadimg").val()=null){
alert("*项为必填项,请完整填写...");
break;
}
flag=false;
});
mId.submit();
}
$(".conn").each(function(){
var content=$(this).val();
alert(content);
if(content==""||content==null){
alert("*项为必填项,请完整填写...");
return false; //break出错
}
});
$("#"+formId+" input[type='text']").each(function(){
var content=$(this).val();
alert(content);
if(content==""||content==null){
alert("*项为必填项,请完整填写...");
return false; //break出错
}
});
/**验证下拉列表option的值不为"" */
$("select").each(function(){
var content=$(this).find("option:selected").text();
if(content==""||content=null){
alert("*项为必填项,请完整填写...");
return false ;
}
flag=false;
});
/**注册用户,去掉前后面空格....action类去空格*/
public void test(){
int begin = 0, end = 0;
for (int i = 0; i < loginName.length(); i++) {
if (loginName.charAt(i) != ' ') {
begin = i;
break;
}
}
for (int i = loginName.length() - 1; i > 0; i--) {
if (loginName.charAt(i) != ' ') {
end = i;
break;
}
}
String loginName=loginName.substring(begin, end + 1);//去掉空格之后的字符串
}
@function:去除前后两端空格
@param:str 要去除空格的字符
function trim(str){
str = str.replace(/^\s+|\s+$/g, "");
return str;
}
@function:图片格式的验证
function checkContent6(){
var filepath= $("input[name='uploadimg']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase();
var img=new Image();
img.src=filepath;
if(filepath==""){
alert("请上传个人近期免冠证件照!");
document.getElementById("uploadimg").focus();
return false;
}else{
if(ext!=".JPG"){
alert("请上传jpg格式图片!");
document.getElementById("uploadimg").focus();
return false;
}
}
return true;
}
@function验证特殊字符
//更多的过滤字符,请自己补充到new Array("char","varcahr","#");
function checkForms(){
var iu, iuu, regArray=new Array("!","varchar","#","?","//","\");
iuu=regArray.length;
var obj=document.getElementById("username").value;
if(obj=="")
{
alert("用户名不能为空");
document.getElementById("username").focus();
return false;
}
for(iu=1;iu<=iuu;iu++)
{
if(regArray[iu] !="")
{
if (obj.indexOf(regArray[iu])!=-1)
{
alert("用户名不可以包含:" + regArray[iu]);
document.getElementById("username").focus();
return false;
}
}
}
return true;
}
@function js比较时间大小
function testTime(){
var s=new Date(dateStart1.replace(/-/g,"/")); //把 yyyy-mm-dd形式的时间格式转换成yyyy/mm/dd,string.replace(yyyy/mm/dd),replace(x,y)由于用一般字符串时不能全局替换,可以正则表达式实现。例:var t1="2011-1-1".replace(/-/g,"/");
var e=new Date(dateEnd1.replace(/-/g,"/")); //把String 类型的时间转换成Date类型
if(s.getTime()<e.getTime()) { //获取时间,比较大小
return true;
}else{
alert("请填写合理的时间范围!");
alert(s+" "+s.getTime()+" "+dateStart1.replace(/-/g,"/"));
document.getElementById("dateEnd1").focus();
return false;
}
}
}
时间大小的比较还可以使用 Date.parse("月/日/年") > Date.parse("月/日/年"),而不是“年月日”或“日月年”,先在文本框里获取时间的String类型值(yyyy-mm-dd),然后转化成mm/dd/yyyy,(String.replace("-","/")),再进行比较,但是一般推荐下述方法,简单可行:
<script>
var a = new Date("2012/12/12");
var b = new Date("2012/12/13");
if(a.getTime()>b.getTime()) {
alert("a");
}else {
alert("b");
}
</script>
补充:
@function:时间大小的比较
if(Date.parse(dateStart1.replace("-","/"))>Date.parse(dateEnd1.replace("-","/"))){
alert("请填写合理的时间范围!");
document.getElementById("dateEnd1").focus();
return false;
}
@function 替换固定电话的中英文半角符号"- -"
function replace(){
var reg1=/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;//验证电话号码,手机号和固定电话
mobilePhone=mobilePhone.replace(/-/g,"-");//全角符号"-",替换为半角
mobilePhone=mobilePhone.replace(/-/g,"-");//半角符号"-"
$("#contactorTelephone").attr("value",mobilePhone);,把替换好的值回赋给text文本
if(reg1.test(mobilePhone)){
}else{
alert("请输入正确格式的电话号码( 手机号 如:138***,座机号 如:010-1234567-12 注意:手机号为11位 )!");
document.getElementById("contactorTelephone").focus();
return false;
}
}
详细案例见:http://doublecqw.iteye.com/blog/1314945
发表评论
-
JS--事件
2012-04-09 11:37 9981.js退出当前页面,一般常用于做系统登录的退出: c ... -
页面图片浮动左右滑动效果实现案例
2012-04-09 11:35 1218核心代码: 1.css:16sucai.css ht ... -
正则表达式---手机,邮箱,固定电话格式的验证
2011-11-23 17:53 6563<script type="text/java ... -
jQuery datatables使用 ( 封装类实现前台分页 二 续...)
2011-10-12 10:58 2953封装的公用分页的工具 ... -
jQuery datatables使用 ( 封装类实现前台分页 二 续...)
2011-10-12 10:57 0封装的公用分页的工具 ... -
页面自动加载方法
2011-10-10 11:06 2079示例1: Window.onload=function(){ ... -
Dom与JavaScript
2011-10-10 11:01 8191.javaScript 基本概念: Ja ... -
jQuery datatables使用 ( 前台页面实现分页 简单案例一 未完待续...)
2011-09-29 14:37 2895<%@ page language="java ... -
jQuery datatables使用 ( 前台页面实现分页 )
2011-09-29 14:37 1<%@ page language="java ... -
JQuery验证jsp页面属性是否为空
2011-09-21 14:08 1066说明:验证是否为空的前提首先要保证是在提交form之前验证的, ... -
JS比较Date日期时间的大小
2011-08-09 09:10 1376Date.parse("2010-10-10 12: ... -
JQuery的Ajax请求实现局部刷新(邮件读取状态,图标的改变):
2011-08-05 16:31 3206SSH:请求的ajax路径传递的参数(data)会到act ... -
js字母与ASC2值的转化
2011-08-05 10:44 1251alert(String.fromCharCode(65)); ... -
JQuery小结
2011-07-28 16:03 694一. JQuery概述 Jquery是一个优秀的Javascr ... -
jsp页面iterator或forEach循环输出list值
2011-07-22 17:04 2732Action中: private List<Me ...
相关推荐
`validate.js` 可能是一个专门用于前端验证的库,它提供了丰富的功能,帮助开发者确保用户输入的数据符合预期的格式和规则,从而提高用户体验并保护服务器免受无效或恶意数据的影响。下面将详细介绍这个主题中的相关...
这里我们关注的是“前端验证源代码包括JQuery插件验证”,这涉及到JavaScript(js)和jQuery库的使用。 JavaScript是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,尤其是处理用户交互、页面动态更新...
为了简化开发过程,有许多优秀的前端验证插件和库,比如`jQuery Validation Plugin`、`FormValidation.io`、`Vee Validate`等。这些工具提供了丰富的验证规则和友好的API,可以快速集成到项目中。比如,`blog.csdn...
_JavaScript表单验证实例 js 前端 例子_JavaScript表单验证实例 js 前端 例子
jQuery,作为一款广泛使用的JavaScript库,提供了许多工具和插件来帮助开发者实现前端验证。本文将详细介绍jQuery的前端验证框架,并通过具体的Demo实例进行解析。 **一、jQuery基础知识** jQuery是由John Resig于...
在IT领域,特别是前端开发中,JavaScript(JS)被广泛应用于网页交互与数据验证,其中对上传图片的大小和格式进行验证是常见的需求之一。本文将深入解析如何使用JavaScript进行图片上传前的验证,包括检查图片格式、...
验证 统一社会信用代码
本文将深入探讨JavaScript(js)中的前端验证方法,包括纯前端的验证码插件、滑动验证和计算验证等,以及如何结合jQuery进行高效实现。 一、JavaScript基础验证 JavaScript作为浏览器内置的脚本语言,可以方便地在...
对前端输入的数据进行js的正则表达式的验证,本资源没有css部分
综上所述,"web前端 input添加属性就可以验证 自动验证工具" 提供了一种高效、灵活的前端验证解决方案,通过jQuery等JavaScript库,开发者可以快速构建起一套完整的输入验证机制,提升用户体验,同时减轻服务器端的...
总的来说,这个项目提供了一个学习和实践JavaScript前端验证的好机会,对于初学者来说,可以通过这个实例了解并掌握表单验证的基本原理和技术,对于有经验的开发者,可以进一步优化验证逻辑,提高用户体验,甚至结合...
通过这个压缩包中的资源,你将有机会深入理解和实践JavaScript客户端验证和页面特效制作,从而提升你的前端开发技能。无论你是初学者还是有一定经验的开发者,这个教程都将为你提供有价值的指导和示例,帮助你在...
本文将深入探讨JavaScript客户端验证和页面特效制作的核心知识点。 **一、JavaScript客户端验证** 客户端验证是在用户提交表单之前,通过JavaScript在用户浏览器端进行的数据检查。这有助于提高用户体验,减少...
在前端验证中,JS主要通过事件监听、DOM操作以及函数调用来实现。当用户在表单中输入信息时,这些脚本会实时检测输入内容,如格式、长度、范围等是否符合预期。 这个通用脚本可能包含以下关键知识点: 1. **事件...
前端验证可以防止无效数据提交,但不能防止恶意用户绕过前端验证。因此,任何敏感数据的提交都应配合后端验证。 总结来说,这个资源集合提供了一系列关于JavaScript表单验证的方法和实例,包括基础的输入验证、电子...
在这个“js练习4:使用HTML5验证博客园注册页面”的学习资源中,我们将探讨如何利用JavaScript和HTML5的内置验证功能来创建一个有效的博客园注册页面。这个练习旨在帮助学习者掌握JavaScript的基本语法以及HTML5的新...
JavaScript(简称JS)作为客户端脚本语言,常被用于实现注册页面的前端验证,以提供良好的用户体验并减轻服务器压力。本文将深入探讨“注册页面验证js”的相关知识点。 一、前端验证的重要性 前端验证可以即时反馈...
“JS验证\注册页面”这一主题涵盖了丰富的Web开发技术点,包括但不限于JS的前端验证策略、MVC架构下的页面构建、Struts框架的应用、以及前后端的协同工作。深入了解这些技术及其应用场景,对于构建用户友好、安全...
在网页开发中,JavaScript(简称JS)是一种必不可少的前端编程语言,它被广泛用于处理用户交互,其中之一就是验证用户在表单中输入的数据格式。表单验证能够确保用户提交的信息符合预设的标准,例如正确的电话号码、...