前端JQuery+Ajax校验

为了自己方便下自己，也督促自己。

前端Ajax+Jquery校验

具体步骤如下所列：

（1）首先要先由两个包，一个为jquery-1.11.1.min.js（这里只要不是太低版本的就行），另外一个则是jquery.tips.js （提示包）

 （2）在前端写好JS，想要对什么字段属性进行验证就添加到JS里面。代码为下图：

tip包里面的属性有：

使用方法

* $(selector).tips({   //selector 为jquery选择器




*  msg:'your messages!',    //你的提示消息  必填




*  side:1,  //提示窗显示位置  1，2，3，4 分别代表 上右下左 默认为1（上） 可选




*  color:'#FFF', //提示文字色 默认为白色 可选




*  bg:'#F00',//提示窗背景色 默认为红色 可选




*  time:2,//自动关闭时间 默认2秒 设置0则不自动关闭 可选




*  x:0,//横向偏移  正数向右偏移 负数向左偏移 默认为0 可选




*  y:0,//纵向偏移  正数向下偏移 负数向上偏移 默认为0 可选

（3）前端JS写好之后，通过tip中的url属性，转到后台进行校验。代码如下：

如果匹配成功，则返回true，如果匹配不成功，则根据JS所写的提示相对应的错误信息。