随笔分类 - Js
jQuery ajax在IE下处理url=""时的一个不兼容
摘要:小猪之前写了这么个代码:AJAX = function (data, url, beforesendfn, onsuccessfn, onerrorfn, oncomplete) { $.ajax({ type: "POST", url:url cache: false, data: JSON.stringify(data), contentType: "application/json; charset=utf-8", dataType: "json...
阅读全文
正则表达式 各符号意义整理
摘要:字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 '\n' 或 '\r' 之后的位置。$匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性,$
阅读全文
JS ajax 动态删除表格行
摘要:CMS经常遇到这样的操作:将一个表格的某行数据删除,之前公司的CMS系统一直采用的是在一行中增加一列用来链接到另外一个地址,并传入该行的标示列,在另外页面中进行删除,删除成功后返回列表页。这样可以实现效果,但是有一下两个弊端:1:增加了数据库服务器查询的次数。即在删除成功后返回列表页后,因为实际上是重新打开了列表页,列表页在加载时又进行了一次对数据库的查询。而这次查询是毫无意义的。2:用户体验不友好。点击一次删除,则刷新了一次页面。今天小猪就使用了Ajax 和js来实现页面无刷新删除数据。大体思路是:js获取需要删除数据的标识Id,然后通过ajax传入后台,后台进行对数据库数据的删除,成功则返
阅读全文
JS 定义函数的参数的个数,传入参数的个数对调用的影响
摘要:因为js是一种弱类型的编程语言,对数据类型的要求没有其他编程语言的要求严格,所以在定义函数的时候不需要像java和C#一样对其传入参数的类型进行定义。那么传入参数的个数有没有影响呢?今天小猪就做了个实验。 函数调用测试,参数个数和函数声明不一样多 点击第一个按钮的返回结果:我是个需要2个参数的函数您输入的参数的个数为:1第1个参数为:sm...
阅读全文
jQuery常见操作总结
摘要:jQuery 常见操作实现方式$("标签名") //取html元素 document.getElementsByTagName("")$("#ID") //取单个控件document.getElementById("")$("div #ID") //取某个控件中 控件$("#ID #ID") // 通过控件ID取其中的控件$("标签.class样式名") //通过class来取控件$("#ID").val(); //取value值$(&
阅读全文
jQuery hover事件
摘要:hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。参数 :over (Function) : 鼠标移到元素上要触发的函数out (Function): 鼠标移出元素要触发的函数示例 :鼠标悬停的表格.
阅读全文
Ajax实现登陆并友好提示错误信息
摘要:记录一个有用的js代码,其效果是点击提交表单后动态提示信息。可以修改返回成功部分完成页面的跳转。function validateForm() { return $("#form1").validate({ rules: { userName: { required: true, maxlength: 10 }, password: { required: true, maxlength: 10 } }, messages: { userName: { required: "不能为...
阅读全文
JS实现弹出登录框
摘要:一直觉得弹出登录对话框让用户登录要比单独跳转页面用户体验要好!今天找了点相关资料。但是这也不局限于弹出登录对话框这功能。这里主要涉及到重点:1:点击之后背景变暗2:背景内容不能操作3:关闭或者登录成功后恢复4:弹出框位置登陆|用户名登录用户名:密 码:下次自动登录忘记密码
阅读全文
JQuery方式验证表单和AJAX提交
摘要:一、使用Jquery.Validate进行验证方法$(document).ready(function () { $("#pageForm").validate({ rules: { DictKey: { required: true, maxlength: 10 }, DictContent: { required: true, maxlength: 10 } }, messages: { DictKey: { requ...
阅读全文
HTML之表单验证——续
摘要:验证的js代码/// (function ($) { var FormValidator = function () { this.regexEnum = { idCard: /^[1-9]([0-9]{14}|[0-9]{16})([0-9]|X)$/, num: /^\-?([1-9]\d*)$/, //数字 email: /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/, phone: /^1[...
阅读全文
HTML之表单验证
摘要:最近准备把公司开发的CMS的表单添加中增加客户端的表单验证,之前一直是使用的ASP.NET自带的服务器验证控件,其用起来固然方便,但却无形中也给服务器带来了压力。(function ($) { var FormValidator = function () { this.regexEnum = { idCard: /^[1-9]([0-9]{14}|[0-9]{16})([0-9]|X)$/, num: /^\-?([1-9]\d*)$/, //数字 email: /^([0-9A-...
阅读全文
浙公网安备 33010602011771号