var phone = $("input#phone").val(); 
if (phone == "") { 
$("label#phone_error").show(); 
$("input#phone").focus(); 
return false; 
}
}); 
});
第 2

 

行，我们添加一个 $('.error').hide() 

 

是为了在用户未输入任何信息时隐藏三个 class="error" 提

 

示错误的 label 

 

标签。而只有当出现错误，即为空时，错误才会出现，因为有 return false 的作用，每

次仅会出现一个错误。

 

 

在 JQuery 

 

里面，获取 DOM 

 

中某个 ID 

 

或者 Class 的值

 
以下为引用内容：

/***
* php100.com
* 2013-06-28
***/
//获取 id

 

的值

var name = $("input#name").val(); 
//获取 class 序号为 1

 

的值

var name = $(".name")[1].val(); 
现假设用户没有输入姓名，处理逻辑应该是：首先显示错误，然后将焦点定位在姓名上。

 
以下为引用内容：

/***
* php100.com
* 2013-06-28
***/
if (name == "") { //

 

用户名为空

$("label#name_error").show(); //

 

错误提示

$("input#name").focus(); //

 

焦点定位

return false; //

 

返回

}

 

在必填的字段上验证时，都必须 return false ，否则会出现必填项未填完即提交的情况。
 
4、Jquery Ajax 提交表单
 

 

这是实现无刷新提交的核心步骤，通过 ajax 

 

函数来递交 javascript   

从 DOM 中获取的表单项值，然后

异步提交给后台处理程序 process.php ，并发送 Email ，此步紧接在验证程序之后：
 
以下为引用内容：

/***