csq39 发表于 2018-1-29 16:29:44

[框架]form表单验证写法-HUI模板

本帖最后由 csq39 于 2018-1-29 16:47 编辑

<p>使用前端模板:H-UI</p><p>raycom框架的H-UI模板界面使用jQuery Validate 插件为表单提供验证功能,涉及到表单验证的操作包括js声明,form表单设置,以及表单验证执行。具体如下:</p><p>1:js部分引入。在页面初始化部分:</p><pre class="brush:java;toolbar:false">$(function(){&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;validator&nbsp;=&nbsp;$(&quot;#form&quot;).validate({&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;submitHandler:function(form){                               
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(!confirm(&quot;请确认是否提交?&quot;))&nbsp;return;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;form.submit();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}       
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});       
});</pre><p>*说明:在页面加载完成后,将需要进行验证的表单生成jquery validate的表单验证对象,在后续验证操作时,使用表单验证对象进行操作,同时,对绑定表单的默认提交操作进行修改,插入验证过程。</p><p>2:form表单部分</p><p>在input框中增加验证参数声明,form提交时,会根据</p>
页: [1]
查看完整版本: [框架]form表单验证写法-HUI模板