表单验证
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 - (完成)响应内容解析完成,可以在客户端调用了
第二步:服务器端做校验,然后将校验结果响应给客户端
浙公网安备 33010602011771号