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

在注册页面时 通常会用到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,里面很多东西都是有了的. 能快速的将效果做出来,才是王道.