标签：style blog color io os ar for 文件 sp
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>xxx</title> <style> fieldset{margin:0;padding:0;border:0 none;} html{background:#ccc} </style> <script src="jquery1.10.1.js"></script> <script src="formcheck.js"></script> </head> <body> <form name="test" method="post"> 账号<input type="text" name="userid" /><br /> 密码<input type="password" name="pwd" /><br /> 密码确认<input type="password" name="pwd2" /><br /> 性别<input type="radio" name="sex" value="1" />男<input type="radio" name="sex" value="2" />女<br /> 爱好 <input type="checkbox" name="hobby[]" value="1" />足求 <input type="checkbox" name="hobby[]" value="2" />篮球 <input type="checkbox" name="hobby[]" value="3" />乒乓球 <br /> 城市 <select name="city" > <option value="">请选择</option> <option value="1">延吉</option> <option value="2">吉林</option> <option value="3">长春</option> <option value="4">北京</option> </select> <br /> 文件 <input type="file" name="files" /><br /> 介绍 <textarea name="text" ></textarea><br /> <input type="submit" value="提交" > </form> <script> // $(原始JS对象)， // JQUERY对象 //除了图片以外， 基本DOM 加载完毕后 执行 /* (function(){ var a = 10; var b = 20; })(); $(document).ready(function(){ alert(a); // 10 }) // 包括 图片宽高是未知的。， 网页完整加载完毕后 $(window).load(function(){ alert(a); // 10 }); */ /* $(‘#test‘).submit(function(){ if($.trim(this.userid.value).length === 0) { alert(‘请输入urserid‘); this.userid.focus(); return false; } if(this.userid.value.length < 4 || this.userid.value.length > 20) { alert(‘4~20? ??? ????.‘); this.userid.focus(); return false; } if(!/^[a-z][a-z0-9]+$/i.test(this.userid.value)) { alert(‘????? ????‘); this.userid.select(); this.userid.focus(); return false; } if($.trim(this.pwd.value).length === 0) { alert(‘请输入pwd‘); this.pwd.focus(); return false; } if($.trim(this.pwd2.value).length === 0) { alert(‘请输入pwd2‘); this.pwd2.focus(); return false; } if(this.pwd.value!== this.pwd2.value) { alert(‘两次输入密码不相同‘); this.pwd.select(); this.pwd.focus(); return false; } if($(this.sex).filter(":checked").length === 0) { alert(‘请选择性别‘); $(this.sex).eq(0).focus(); return false; } if($(this.elements[‘hobby[]‘]).filter(":checked").length === 0) { alert(‘请选择爱好‘); $(this.elements[‘hobby[]‘]).eq(0).focus(); return false; } if(this.city.value.length === 0) { alert(‘请选择城市‘); this.city.focus(); return false; } if(this.files.value.length === 0) { alert(‘请选择文件‘); this.files.focus(); return false; } if($.trim(this.text.value).length === 0) { alert(‘请输入内容‘); this.text.focus(); return false; } }) */ var rule = [ { ‘name‘:‘pwd‘, ‘rules‘: [ {‘type‘:‘required‘, ‘msg‘:‘userid??????‘}, {‘type‘:‘length‘, ‘value‘:‘2:8‘, ‘msg‘:‘??? 2~8??? ???‘}, {‘type‘:‘pattern‘, ‘value‘:/^[a-z][a-z0-9]+$/ ,‘msg‘:‘?????????‘}, {‘type‘:‘equalto‘, ‘value‘:‘pwd2‘, ‘msg‘:‘fffffffffffff‘ }, {‘type‘:‘function‘, ‘value‘:function(elm){ if( $(elm).filter(":checked").length < 2) return false; else return true; }, ‘msg‘:‘xxxxxxxxxxx‘ } ] }, { ‘name‘:‘pwd‘, ‘rules‘: [ {‘type‘:‘required‘, ‘msg‘:‘pwd??‘}, {‘type‘:‘length‘, ‘value‘:‘2:8‘, ‘msg‘:‘??? 2~8??? ???‘} ] }, {‘name‘:‘sex‘, ‘rules‘: [{‘type‘:‘required‘, ‘msg‘:‘aa??????.‘}]}, {‘name‘:‘hobby[]‘, ‘rules‘: [{‘type‘:‘required‘, ‘msg‘:‘xx??????.‘}]}, ]; </script> </body> </html>
标签：style blog color io os ar for 文件 sp
原文地址：http://www.cnblogs.com/appsolution/p/4001280.html
