1
|
- <span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span><span style=</span><span class="string">"color:rgb(51,102,204)"</span><span>></span><span class="string">".demoform"</span><span></span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span>.<span style=</span><span class="string">"color:rgb(102,0,102)"</span><span>>Validform</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span><span style=</span><span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span> </span></span></li><li class=""><span> btnSubmit<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(51,102,204)"</span><span>></span><span class="string">"#btn_sub"</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class="alt"><span> btnReset<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(51,102,204)"</span><span>></span><span class="string">".btn_reset"</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> tiptype<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(204,0,0)"</span><span>>1</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class="alt"><span> ignoreHidden<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">false</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> dragonfly<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">false</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class="alt"><span> tipSweep<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">true</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> label<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="string">".label"</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class="alt"><span> showAllError<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">false</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> postonce<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">true</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class="alt"><span> ajaxPost<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">true</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> datatype<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(51,102,204)"</span><span>></span><span class="string">"*6-20"</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>:</span> <span style=</span><span class="string">"color:rgb(0,153,102); font-style:italic"</span><span>>/^[^\s]{6,20}$/</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(51,102,204)"</span><span>></span><span class="string">"z2-4"</span><span></span> <span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>:</span> <span style=</span><span class="string">"color:rgb(0,153,102); font-style:italic"</span><span>>/^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(51,102,204)"</span><span>></span><span class="string">"username"</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">function</span><span></span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span>gets<span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span>obj<span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span>curform<span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span>regxp<span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//参数gets是获取到的表单元素值,obj为当前表单元素,curform为当前验证的表单,regxp为内置的一些正则表达式的引用;</span></span><span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">var</span><span></span> reg1<span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>=</span><span style=</span><span class="string">"color:rgb(0,153,102); font-style:italic"</span><span>>/^[\w\.]{4,16}$/</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> reg2<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>=</span><span style=</span><span class="string">"color:rgb(0,153,102); font-style:italic"</span><span>>/^[\u4E00-\u9FA5\uf900-\ufa2d]{2,8}$/</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>;</span> </span></span></li><li class="alt"><span> </span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,0,102); font-weight:bold"</span><span>></span><span class="keyword">if</span><span></span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span>reg1.<span style=</span><span class="string">"color:rgb(102,0,102)"</span><span>>test</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span>gets<span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span><span style=</span><span class="string">"color:rgb(0,0,102); font-weight:bold"</span><span>></span><span class="keyword">return</span><span></span> <span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">true</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>;</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>}</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,0,102); font-weight:bold"</span><span>></span><span class="keyword">if</span><span></span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span>reg2.<span style=</span><span class="string">"color:rgb(102,0,102)"</span><span>>test</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span>gets<span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span><span style=</span><span class="string">"color:rgb(0,0,102); font-weight:bold"</span><span>></span><span class="keyword">return</span><span></span> <span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">true</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>;</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>}</span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,0,102); font-weight:bold"</span><span>></span><span class="keyword">return</span><span></span> <span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">false</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>;</span> </span></span></li><li class="alt"><span> </span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//注意return可以返回true 或 false 或 字符串文字,true表示验证通过,返回字符串表示验证失败,字符串作为错误提示显示,返回false则用errmsg或默认的错误提示;</span></span><span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(51,102,204)"</span><span>></span><span class="string">"phone"</span><span></span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">function</span><span></span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">// 5.0 版本之后,要实现二选一的验证效果,datatype 的名称 不 需要以 "option_" 开头; </span></span><span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> usePlugin<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span> </span></span></li><li class="alt"><span> swfupload<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> datepicker<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class="alt"><span> passwordstrength<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> jqtransform<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span> </span></span></li><li class="alt"><span> selector<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(51,102,204)"</span><span>></span><span class="string">"select,input"</span><span></span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> beforeCheck<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">function</span><span></span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span>curform<span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//在表单提交执行验证之前执行的函数,curform参数是当前表单对象。</span></span><span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//这里明确return false的话将不会继续执行验证操作; </span></span><span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> beforeSubmit<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">function</span><span></span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span>curform<span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//在验证成功后,表单提交前执行的函数,curform参数是当前表单对象。</span></span><span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//这里明确return false的话表单将不会提交; </span></span><span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>,</span> </span></span></li><li class=""><span> callback<span style=<span class="string">"color:rgb(51,153,51)"</span><span>>:</span><span style=</span><span class="string">"color:rgb(0,51,102); font-weight:bold"</span><span>></span><span class="keyword">function</span><span></span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>(</span>data<span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>{</span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//返回数据data是json对象,{"info":"demo info","status":"y"}</span></span><span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//info: 输出提示信息;</span></span><span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//status: 返回提交数据的状态,是否提交成功。如可以用"y"表示提交成功,"n"表示提交失败,在ajax_post.php文件返回数据里自定字符,主要用在callback函数里根据该值执行相应的回调操作;</span></span><span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//你也可以在ajax_post.php文件返回更多信息在这里获取,进行相应操作;</span></span><span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//ajax遇到服务端错误时也会执行回调,这时的data是{ status:**, statusText:**, readyState:**, responseText:** };</span></span><span> </span></span></li><li class=""><span> </span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//这里执行回调操作;</span></span><span> </span></span></li><li class=""><span> <span style=<span class="string">"color:rgb(0,102,0); font-style:italic"</span><span>></span><span class="comment">//注意:如果不是ajax方式提交表单,传入callback,这时data参数是当前表单对象,回调函数会在表单验证全部通过后执行,然后判断是否提交表单,如果callback里明确return false,则表单不会提交,如果return true或没有return,则会提交表单。</span></span><span> </span></span></li><li class="alt"><span> <span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span> </span></span></li><li class=""><span><span style=<span class="string">"color:rgb(0,153,0)"</span><span>>}</span><span style=</span><span class="string">"color:rgb(0,153,0)"</span><span>>)</span><span style=</span><span class="string">"color:rgb(51,153,51)"</span><span>>;</span> </span></span></li></ol><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a href="javascript:;" target="_blank"><img src="http://static.blog.csdn.net/images/save_snippets.png"></a></div></div><pre class="javascript" style="font-family: monospace; display: none;" name="code">(“.demoform”).Validform({ btnSubmit:“#btn_sub”, btnReset:“.btn_reset”, tiptype:1, ignoreHidden:false, dragonfly:false, tipSweep:true, label:“.label”, showAllError:false, postonce:true, ajaxPost:true, datatype:{ “*6-20”: /^[^\s]{6,20}$/, “z2-4” : /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/, “username”:function(gets,obj,curform,regxp){ //参数gets是获取到的表单元素值,obj为当前表单元素,curform为当前验证的表单,regxp为内置的一些正则表达式的引用; var reg1=/^[\w\.]{4,16}$/, reg2=/^[\u4E00-\u9FA5\uf900-\ufa2d]{2,8}$/; if(reg1.test(gets)){return true;} if(reg2.test(gets)){return true;} return false; //注意return可以返回true 或 false 或 字符串文字,true表示验证通过,返回字符串表示验证失败,字符串作为错误提示显示,返回false则用errmsg或默认的错误提示; }, “phone”:function(){ // 5.0 版本之后,要实现二选一的验证效果,datatype 的名称 不 需要以 “option_” 开头; } }, usePlugin:{ swfupload:{}, datepicker:{}, passwordstrength:{}, jqtransform:{ selector:“select,input” } }, beforeCheck:function(curform){ //在表单提交执行验证之前执行的函数,curform参数是当前表单对象。 //这里明确return false的话将不会继续执行验证操作; }, beforeSubmit:function(curform){ //在验证成功后,表单提交前执行的函数,curform参数是当前表单对象。 //这里明确return false的话表单将不会提交; }, callback:function(data){ //返回数据data是json对象,{“info”:”demo info”,”status”:”y”} //info: 输出提示信息; //status: 返回提交数据的状态,是否提交成功。如可以用”y”表示提交成功,”n”表示提交失败,在ajax_post.php文件返回数据里自定字符,主要用在callback函数里根据该值执行相应的回调操作; //你也可以在ajax_post.php文件返回更多信息在这里获取,进行相应操作; //ajax遇到服务端错误时也会执行回调,这时的data是{ status:**, statusText:**, readyState:**, responseText:** }; //这里执行回调操作; //注意:如果不是ajax方式提交表单,传入callback,这时data参数是当前表单对象,回调函数会在表单验证全部通过后执行,然后判断是否提交表单,如果callback里明确return false,则表单不会提交,如果return true或没有return,则会提交表单。 } });
|