http://topic.csdn.net/u/20100806/10/b6f5c08e-5bba-4361-a761-c89b20d42824.html?47565
1、js的window.onload=function(){}与JQuery的$(document).ready(function(){});或者$(function(){});实现功能相同.
2、当输入文本失去焦点时,验证邮箱是否合法:
$(":input.info_form_text").blur(function() {
//验证邮箱
if ($(this).is("#email")) {
var reg = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; //电子邮箱正则表达式
//如果邮箱为空 或者 邮箱不是空,但是模式不匹配
if (this.value == "" || this.value != "" && !reg.test(this.value)) {
$("#emailSpan").addClass("error");
$("#emailSpan").html("<span style=\"color: red;\">请输入正确邮箱!</span>");
}
}
}
2、当输入文本失去焦点时,验证密码是否为6-16位字符,数字 字母 符号!
//当文本框失去焦点
$(":input.info_form_text").blur(function() {
//验证密码是否为6-16位字符,数字 字母 符号!
if ($(this).is("#password")) {
var reg = /^.{6,16}$/;
if (this.value == "" || this.value != "" && !reg.test(this.value)) {
$("#passwordSpan").addClass("error");
$("#passwordSpan").html("<span style=\"color: red;\">6-16位字符,数字 字母 符号!</span>");
} else {
$("#passwordSpan").html("<span style=\"color: green;\">输入正确!</span>");
}
}
}).keyup(function() {
$(this).triggerHandler("blur");
}).focus(function() {
$(this).triggerHandler("blur");
})
3、当输入文本失去焦点时,验证以下内容
//当文本框失去焦点,验证公司规模大小大于0、电话由数字和-构成、手机为11为数字
$(":input.info_form_text").blur(function() {
if($(this).is("#size")) {
var reg = /^\d+$/;
if (this.value == "" || this.value != "" && !reg.test(this.value)) {
$("#sizeSpan").addClass("error");
$("#sizeSpan").html("<span style=\"color: red;\">请输入大于0的数字!</span>");
} else {
$("#sizeSpan").html("<span style=\"color: green;\">输入正确!</span>");
}
}
if($(this).is("#tel")) {
var reg = /^\d+[-]?\d+$/;
if (this.value == "" || this.value != "" && !reg.test(this.value)) {
$("#telSpan").addClass("error");
$("#telSpan").html("<span style=\"color: red;\">请输入正确的座机号码!</span>");
} else {
$("#telSpan").html("<span style=\"color: green;\">输入正确!</span>");
}
}
if($(this).is("#LTel")) {
var reg = /^\d{11}/;
if (this.value == "" || this.value != "" && !reg.test(this.value)) {
$("#LTelSpan").addClass("error");
$("#LTelSpan").html("<span style=\"color: red;\">请输入正确的手机号码!</span>");
} else {
$("#LTelSpan").html("<span style=\"color: green;\">输入正确!</span>");
}
}
}).keyup(function() {
$(this).triggerHandler("blur");
}).focus(function() {
$(this).triggerHandler("blur");
})
4、取option中text的值:
$("#nbrFormat option:selected").text()
var val=$('input:radio[name="sex"]:checked').val();radio选中的值
5、offsetParent()的用法:返回到最近设有style="position:relative"
的对象,如下方例子:$(obj).offsetParent()
function addFile(num) {
$("#file" + num).append("<span style=\"position: relative;\"><input type=\"file\" name=\"adpositionFile"+num+"\"/><input type=\"button\" value=\"删除\" name="+num+" onclick=\"del(this);\"><br/><br/></span>");
}
function del(obj) {
$($(obj).offsetParent()).remove();
}
分享到:
相关推荐
jQuery的起点教程 使用 jQuery 简化 Ajax 开发
jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结
jquery总结学习资料JQuery总结--无私奉献了!!!
jQuery技巧总结.pdf jQuery jQuery技巧
资源名称:JQuery 学习总结及实例 中文WORD版内容简介:普通Javascript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对Javascript 的封装库,...
jQuery学习总结 jQuery学习总结 jQuery学习总结
目录: 1.选择网页元素 2.改变结果集 3.链式操作 4.元素的操作:取值和赋值 5.元素的操作:移动 6.元素的操作:复制、删除和创建 7.工具方法 8.事件操作 9.特殊效果
jquery的学习总结笔记 对选择器和常用方法进行总结 有实例
详细的jquery基础知识总结 jQuery
jquery经验总结jquery经验总结
jQuery 技巧总结 jQuery 技巧总结 jQuery 技巧总结 jQuery 技巧总结 jQuery 技巧总结
NULL 博文链接:https://polokang.iteye.com/blog/563336
jQuery 技巧总结,是经验的系统总结,对新手很有帮助,如果你是老手就不要下了,句句实话。jQuery 技巧总结,是经验的系统总结,对新手很有帮助,如果你是老手就不要下了,句句实话。jQuery 技巧总结,是经验的系统总结...
非常有用的jquery总结 jquery总结 Js总结 PHP与jquery
初学jquery时候的总结,这么年一直在放着,简单易懂快速上手,希望对新人们有帮助。后期有时间会更新补充一下
NULL 博文链接:https://bepatient.iteye.com/blog/733872
Jquery总结 Jquery总结 Jquery总结 Jquery总结 Jquery总结 Jquery总结
锋利jQuery 知识点 总结,囊括重点,要点
2-jQuery使用手册.doc 4-jQuery技巧总结.doc 5-jQuery常用方法事件属性.doc 3-使用 jQuery 简化 Ajax 开发.doc