jquery插件-Validation
1，基本验证方法
【必填，远程远程效验，minlength最小长度，maxlength最大长度，rangelength长度范围，min最小，max长度，范围值范围，电子邮件格式，URL格式， date日期，dateISO ISO日期（只能是年月日），数字数字，数字整数，等于与另一个元素值替代（例如确认密码）。）
2，高级API
1，有效方法，规则方法
有效（）---检查表单是否正确填写，$（“＃chenk”）。click（function（）{alert（$（“＃demoForm”）。valid（） ？“填充正确！”：“填充错误”）}）
rules（）---获取表单元素的效验规则，规则（“ add”，rules）向表单元素增加效验规则，规则（“ remove”，rules）删除表单效验规则
2，validator对象
validate方法返回Validator对象，
validator.form（）验证表单是否有效，validator.element（element）验证某个元素是否有效，validator.resetForm（）把表单恢复到验证前原来的状态，
3，选择器扩展
【：空白选择所有可选空的元素，：填充选择所有值不为空的元素，：未选中的选择所有没有被替换的元素】
4，自定义验证方法
如：$。validator.addMethod（“ postcod”，function（value，element，params）{
var postcode = / ^ [0-9] {6} /; //正则表达式0-9一个6位数
返回this.optional（element）||（postcode.test（value））;}，“请填写正确的邮编！”）
然后规则：{postcode：true}
图片描述
Ajax全接触
1，概念
（1）使用html + css实现页面，（2）使用XMLHttpRequest和web服务器进行数据的交换交换，（3）使用JavaScript操作Dom，实现动态局部刷新；
2，http请求
（1）浏览器建立TCP连接（2）浏览器发送请求（3）浏览器发送请求头信息（4）服务器应答（5）服务器发送应答头信息（6）服务器发送数据（7）服务器关闭TCP
3，获取/发布方法
获取：信息获取，使用URL传递参数，
发布：修改服务器资源
4，http状态码，首位数字定义了状态码的类型
1xx：信息类，
2xx：成功，200 ok
3xx：重定向，请求没成功
4xx：客户端错误，
找不到404 ，文档不存在
5xx：服务器错误，500
5，XMLHttpRequest发送请求
打开（方法，URL，true）
发送（字符串）
图片描述
6，XMLHttpRequest发送响应
图片描述
图片描述
图片描述
7、案例
【html】
<label>请输入员工编号：</label>
<input type="text" id="keyword" />
<button id="search">查询</button>
<p id="searchResult"></p>
<h1>员工新建</h1>
<label>请输入员工姓名：</label>
<input type="text" id="staffName" /><br>
<label>请输入员工编号：</label>
<input type="text" id="staffNumber" /><br>
<label>请选择员工性别：</label>
<select id="staffSex">
<option>女</option>
<option>男</option>
</select><br>
<label>请输入员工职位：</label>
<input type="text" id="staffJob" /><br>
<button id="save">保存</button>
<p id="createResult"></p>
【js--XMLHttpRequestJson】
<script>
document.getElementById("search").onclick = function() {
var request = new XMLHttpRequest();
request.open("GET", "serverjson.php?number=" + document.getElementById("keyword").value);
request.send();
request.onreadystatechange = function() {
if (request.readyState===4) {
if (request.status===200) {
var data = JSON.parse(request.responseText);
if (data.success) {
document.getElementById("searchResult").innerHTML = data.msg;
} else {
document.getElementById("searchResult").innerHTML = "出现错误：" + data.msg;
}
} else {
alert("发生错误：" + request.status);
}
}
}
}
document.getElementById("save").onclick = function() {
var request = new XMLHttpRequest();
request.open("POST", "serverjson.php");
var data = "name=" + document.getElementById("staffName").value
"&number=" + document.getElementById("staffNumber").value
"&sex=" + document.getElementById("staffSex").value
"&job=" + document.getElementById("staffJob").value;
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send(data);
request.onreadystatechange = function() {
if (request.readyState===4) {
if (request.status===200) {
var data = JSON.parse(request.responseText);
if (data.success) {
document.getElementById("createResult").innerHTML = data.msg;
} else {
document.getElementById("createResult").innerHTML = "出现错误：" + data.msg;
}
} else {
alert("发生错误：" + request.status);
}
}
}
}
</script>
【js--XMLHttpRequestJequry】
<script>
$(document).ready(function(){
$("#search").click(function(){
$.ajax({
type: "GET",
url: "http://127.0.0.1:8080/ajaxdemo/serverjson2.php?number=" + $("#keyword").val(),
dataType: "json",
success: function(data) {
if (data.success) {
$("#searchResult").html(data.msg);
} else {
$("#searchResult").html("出现错误：" + data.msg);
}
},
error: function(jqXHR){
alert("发生错误：" + jqXHR.status);
},
});
});
$("#save").click(function(){
$.ajax({
type: "POST",
url: "serverjson.php",
数据：{
名称：$（“＃staffName”）。val（），
数字：$（“＃staffNumber”）。val（），
性别：$（“＃staffSex”）。val（），
工作：$（“ #staffJob“）。val（）
}，
dataType：“ json”，
成功：function（data）{
if（data.success）{
$（”＃createResult“）。html（data.msg）;
} else {
$（“＃createResult”）。html（“出现错误：” + data.msg）;
}
}，
错误：function（jqXHR）{
alert（“发生错误：” + jqXHR.status）;
}，
}）;
}）;
}）;
</ script>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery