巧用jQuery来对表单进行基本验证

所属分类：jquery发表于：2007年, 08月6日, 星期一crab

  function  nextsubmit(){  
           if(document.forms[0].userName.value ==""){
             alert("用户姓名不能为空，请输入！");
             document.forms[0].userName.focus();
             return false;             
          }
          
          if(document.forms[0].userPassword.value ==""){
             alert("用户密码不能为空，请输入！");
             document.forms[0].userPassword.focus();
             return false;             
          }
          
          if(document.forms[0].newPassword.value ==""){
             alert("新用户密码不能为空，请输入！");
             document.forms[0].newPassword.focus();
             return false;             
          }
          
          if(document.forms[0].newPassword.value != document.forms[0].checkPassword.value){
             alert("密码重输入确认不符，请检查！");
             document.forms[0].newPassword.focus();
             return false;             
          }

            
      
          return true;    
  }

今天项目送到了测试部门，测试下来问题多多，其中一块就是表单基本验证。由于项目开始，一个老javascript老手已经做出了上诉模板，大家也为了图个项目进度，大都拷贝了上面的代码，几个礼拜下来，上面这些代码便扩散开了，好煞风景，这不刚学了jQuery嘛，干脆大家把上诉代码全部删了，写了个通用的模块。 阅读全文 »

标签：, ,


jQuery的常用选择器

所属分类：jquery发表于：2007年, 08月2日, 星期四crab

  • E:nth-child(n) 是其父元素的第n个类型为E的子元素
  • E:first-child 是其父元素的第1个类型为E的子元素
  • E:last-child  是其父元素的最后一个类型为E的子元素
  • E:only-child  且是其父元素的唯一一个类型为E的子元素

    • 阅读全文 »

    标签：,


EXT结合jQuery

所属分类：EXT, jquery发表于：2007年, 08月1日, 星期三crab

只要下载最近的EXT包，里面已经涵盖了我们需要的jQuery，下面是根据官方网站的介绍配置的最简单的页面

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<script type=”text/javascript” src=”js/adapter/jquery/jquery.js”></script>
<script type=”text/javascript” src=”js/adapter/jquery/jquery-plugins.js”></script>
<script type=”text/javascript” src=”js/adapter/jquery/ext-jquery-adapter.js”></script>
<script type=”text/javascript” src=”js/ext-all.js”></script>
<link rel=”stylesheet” type=”text/css” href=”js/resources/css/ext-all.css”>
<link rel=”stylesheet” type=”text/css” href=”js/resources/css/xtheme-vista.css”>

<script type=”text/javascript” >
$(document).ready(function(){
$(‘#wheelink‘).bind(‘click‘,function() {
Ext.Msg.alert(‘Whee alert!‘, ‘Thanks for clicking me, WHEE!‘);
});
});
</script>
</head>

<body>
<a href=”#” id=”wheelink”>Whee Click me Click me!</a>
</body>
</html>

那么在具体在项目中还会碰到哪些问题呢？我们来看个例子 阅读全文 »

标签：, , , ,


感觉——充分享受它带来的便利

所属分类：jquery发表于：2007年, 08月1日, 星期三crab

       花了1天时间，边看jQuery的例子边熟悉它的API，总算把项目中的权限控制模块做好了。以前面对这么一大堆checkbox，在写javascript的时候总要考虑下页面的组织，一般都是通过它们不同的name和id属性来加以控制的。而用jQuery就没有那么多限制了，它的选择器简直就是一条鱼，可以任意在水中游荡，由这个input游到那个td，再迅速游到其他毫不相干的标签，充分展现了代码与页面分离的优势，只要稍稍加几个hidden的input就可以把整个页面紧凑地组织成一体，呵呵，当然你要有那种逻辑思维。通过选择器这条小鱼，还可以让它引出很多线索，进行统一的控制和绑定——方法啦，属性啦，等等，当然还封装了这些线索的遍历方法，设置了相当方便的回调函数。
         想当初学习javascript的痛苦，和现在用jQuery的轻松加愉快，其便利之处是不言而喻的。而且写出来的代码一致性很好（当然看个人风格），可读性也很棒。下面是我用jQuery框架和原始javascript写的功能相同的模块，大家可以比较一下。

这是jQuery写的
 阅读全文 »

标签：, ,


jQuery各种用法汇总

所属分类：jquery发表于：2007年, 08月1日, 星期三crab

 看了一天的jQuery，感觉只要花点时间，好好掌握下面的例子，配合官网的文档，能处理大部分的业务需求了

下面是jQuery的基础

下面是jQuery的几个扩展
                http://jquery.com/demo/thickbox/
         
                http://interface.eyecon.ro/

标签：