使用JQuery完成表单的校验(扩展)

使用JQuery完成表单的校验(扩展)

事件:
​ 获得焦点事件: onfocus
​ 失去焦点事件: onblur
​ 按键抬起事件: onkeyup
​ 鼠标移入: onmouseenter
​ 鼠标移出: onmouseout

JS引入外部文件 : script标签

需求分析

在用户提交表单的时候, 我们最好是能够在用户数据提交给服务器之前去做一次校验,防止服务器压力过大,并且需要给用户一个友好提示

技术分析

  • trigger : 触发事件,但是会执行类似浏览将光标移到输入框内的这种浏览器默认行为
  • triggerHandler : 仅仅只会触发事件所对应的函数
  • is()

步骤分析

  1. 首先给必填项,添加尾部添加一个小红点
  2. 获取用户输入的信息,做相应的校验
  3. 事件: 获得焦点, 失去焦点, 按键抬起
  4. 表单提交的事件

代码实现




    
    
    
    
    
    



用户名:
密码:
手机号:

你可能感兴趣的:(使用JQuery完成表单的校验(扩展))