表单验证

1. 注册页面表单验证

1)<form>有一个事件 onsubmit

  - onsubmit = "return false"  ,那么表单点击提交按钮时不会提交

  - onsubmit = "return true"  ,那么表单点击提交按钮时会提交

2)js中获取表单元素

  - DOM:Document

    var unameTxt = document.getElementById("unameTxt");  //获取id元素

  - BOM:Browser

    document.forms[0].uname; //获取第一个form表单的name=“uname”的元素

2. 原生的Ajax

目的: 用来发送异步的请求,然后当服务器给我响应的时候再进行回调操作
好处: 提高用户体验;局部刷新:降低服务器负担、减轻浏览器压力、减轻网络带宽压力

第一步: 客户端发送异步请求;并绑定对结果处理的回调函数
  1) <input type="text" name="uname" onblur="ckUname()"/>  //在失去焦点的时候执行ckUname()方法
  2) 定义ckUname方法:
    - 创建XMLHttpRequest对象
    - XMLHttpRequest对象操作步骤:
      - open(url,"GET",true)
      - onreadyStateChange 设置回调
      - send() 发送请求
    - 在回调函数中需要判断XMLHttpRequest对象的状态: readyState(0-4) , status(200)

      0 - (未初始化)还没有调用send()方法
      1 - (载入)已调用send()方法,正在发送请求
      2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
      3 - (交互)正在解析响应内容
      4 - (完成)响应内容解析完成,可以在客户端调用了

第二步:服务器端做校验,然后将校验结果响应给客户端

 

posted @ 2022-08-10 10:30  浑浑噩噩一只小迷七  阅读(84)  评论(0)    收藏  举报