首页 > 代码库 > Form验证简单例子
Form验证简单例子
<!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>
Form验证简单例子
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。