validform验证框架中遇到的一点点问题记录

来源:互联网 发布:java求n的阶乘for循环 编辑:程序博客网 时间:2024/06/06 21:06

在注册页面时  通常会用到validforn这一类似的验证框架,最近在用这个框架的时候遇到一点问题,简单的做个记录,便于自己以后查看:


其实这类框架的使用是很简单的,但有时候出了问题调试的时候,却不能快速的找到关键的点解决问题,这次


首先遇到的问题就是:提示信息没有显示在表单的末尾,而是显示在整个表单的最下方的,这样看起来不是很舒服,后来在调试时发现是tiptype这个属性在控制,tiptype
    可用的值有:1、2、3、4和function函数,默认tiptype为1. 3、4是5.2.1版本新增
    1=> 自定义弹出框提示;
    2=> 侧边提示(会在当前元素的父级的next对象的子级查找显示提示信息的对象,表单以ajax提交时会弹出自定义提示框显示表单提交状态);
    3=> 侧边提示(会在当前元素的siblings对象中查找显示提示信息的对象,表单以ajax提交时会弹出自定义提示框显示表单提交状态);
    4=> 侧边提示(会在当前元素的父级的next对象下查找显示提示信息的对象,表单以ajax提交时不显示表单的提交状态);
    如果上面的4种提示方式不是你需要的,你可以给tiptype传入自定义函数。通过自定义函数,可以实现你想要的任何提示效果:
    tiptype:function(msg,o,cssctl){
    //msg:提示信息;
    //o:{obj:*,type:*,curform:*},
    //obj指向的是当前验证的表单元素(或表单对象,验证全部验证通过,提交表单时o.obj为该表单对象),
    //type指示提示的状态,值为1、2、3、4, 1:正在检测/提交数据,2:通过验证,3:验证失败,4:提示ignore状态,
    //curform为当前form对象;
    //cssctl:内置的提示信息样式控制函数,该函数需传入两个参数:显示提示信息的对象 和 当前提示的状态(既形参o中的type);
    }
    tiptype不为1时,Validform会查找class为"Validform_checktip"的标签显示提示信息。tiptype=1时,会自动创建弹出框显示提示信息。
    Validform_checktip和表单元素之间的位置关系,会根据tiptype的值有对应的结构,上面已经做了说明。
    5.3版本开始,如果页面里没有显示出错信息的标签,会根据tiptype值自动创建Validform_checktip对象。

上面这个问题解决了以后,第二个问题来了,就是显示在控件右边的提示信息样式颜色这些不对,全部都是黑色的,后来发现是没有style。css里面没有引入相应的样式,其实这在validform官方文档的第一句话就说明了的,对自己也是真够无语的,居然没看到。。。。。。然后把对应的css加入进去后,样式问题解决了。


第三个问题是:注册时会涉及到用户名的校验去查询数据库,这个在这个框架里面也有很好的体现,通过ajaxurl这个属性来控制的,在该属性里面添加一条查询数据库的url地址,即可完美解决,但是在返回的时候,大家要注意一下,我之前返回的是json对象msg:。。。。和status:。。。这两个,结果返回到页面上的信息无法显示到页面上去,后来去看demo,发现里面返回的json名称是info:...和status:.... 于是按照demo去改过来后就好了.


这次遇到的问题本身是比较小的问题,但是确实还是花了我一些时间来处理这些问题,总结一下就是如果以后再遇到类似的问题,多研究下demo,里面很多东西都是有了的.  能快速的将效果做出来,才是王道. 


0 0
原创粉丝点击