临海小憇

标题: [框架]form表单验证写法-HUI模板 [打印本页]

作者: csq39    时间: 2018-1-29 16:29
标题: [框架]form表单验证写法-HUI模板
本帖最后由 csq39 于 2018-1-29 16:47 编辑

使用前端模板:H-UI

raycom框架的H-UI模板界面使用jQuery Validate 插件为表单提供验证功能,涉及到表单验证的操作包括js声明,form表单设置,以及表单验证执行。具体如下:

1:js部分引入。在页面初始化部分:

$(function(){    
    validator = $("#form").validate({        
        submitHandler:function(form){				
            if (!confirm("请确认是否提交?")) return;                
             form.submit();            
            }	
        });	
});

*说明:在页面加载完成后,将需要进行验证的表单生成jquery validate的表单验证对象,在后续验证操作时,使用表单验证对象进行操作,同时,对绑定表单的默认提交操作进行修改,插入验证过程。

2:form表单部分

在input框中增加验证参数声明,form提交时,会根据






欢迎光临 临海小憇 (http://czidea.cn/) Powered by Discuz! X3.3