Jquery1.3验证

在 jQuery 1.3 里面正式拿掉 [@attr] 的写法，所以以前写 $(”input:radio[@name=reg_sex]“) 都要改成 $(”input:radio[name=reg_sex]“)，这样才是正确的
作法很简单：建立两个输入 password 的 text input 字段：

<form> <div> <input class="default-value" type="text" name="email" value="Email Address" /> </div> <div> <input id="password-clear" type="text" value="Password" autocomplete="off" /> <input id="password-password" type="password" name="password" value="" autocomplete="off" /> </div> </form> 

其中必须先把 #password-clear 设定为 display: none

#password-clear { display: none; }   

底下是 jQuery 验证部份：

$('#password-clear').show(); $('#password-password').hide(); $('#password-clear').focus(function() { $('#password-clear').hide(); $('#password-password').show(); $('#password-password').focus(); }); $('#password-password').blur(function() { if($('#password-password').val() == '') { $('#password-clear').show(); $('#password-password').hide(); } });

var id_check=/[^a-zA-Z0-9]/g; if ($("#username").val()==""){ alert("请输入您的账号名称!!"); $("#username").focus(); } else if ($("#username").val().indexOf(' ')>=0){ alert("请不要在账号中使用空格!!"); $("#username").focus(); } else if ($("#username").val().match(id_check)){ alert("请不要使用非英文字符做账号!!"); $("#username").focus(); }

作法大致上是，刚开始先显示 #password-clear 字段，把要输入的 #password-password 字段隐藏，当 focus 在 #password-clear 的时候，就把 #password-clear 字段隐藏，显示 #password-password，输入密码之后，按下 tab 跳到其它字段的时候，开始检查，当 #password-password 没有数据的时候，又把 $(’#password-clear’) show 出来，然后把 $(’#password-password’) 隐藏，这样你又会看到 $(’#password-clear’) 的 value 值，不过这方法有点麻烦，太多字段又会太多 jQuery 语法。

 

基本验证窗体：账号只能是英文加上数字：

 

 

email 字段

var mail_check= /.+@.+/..+/; if (!$("#user_email").val().match(mail_check)){ alert("输入的email格式不对，请重新输入！"); $("#user_email").focus(); }

或者是：

function isEmail(email){ if (email=="") return true; reEmail=/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/ return reEmail.test(email); } if(!$("input:radio[name=reg_sex]").is(":checked")){ alert("请选择您的性别名称!!"); $("#reg_sex").focus(); $("#errormessage").html("<p class='error'>请选择您的性别名称!!</p>"); }

 

验证 checkbox 是否有勾选超过一个：

var test = $("input:checkbox:checked[name=reg_check[]]").length; if(!test) { alert("请务必勾选一个！"); }

验证 radio 是否有选取：

 if(!$("input:radio[name=reg_sex]").is(":checked")){ alert("请选择您的性别名称!!"); $("#reg_sex").focus(); $("#errormessage").html("<p class='error'>请选择您的性别名称!!</p>"); }

取出选取的 radio 值：

reg_sex = $("input:radio:checked[name=reg_sex]").val();

如何取得 select 的 value 跟 text

/* * * 取得 select value 值 */ $('#selectList').val(); /* * * 取得 select text 值 */ $('#selectList :selected').text();