现在新建一个 JS 文件
 
以下为引用内容：

/***
* php100.com
* 2013-06-28
***/
$(function() { 
$(".button").click(function() { 
// 

 

处理表单验证和交给后台处理的逻辑

}); 
}); 
第 1

 

行的 function() 函数与 Jquery   

的 document.ready  

 

函数用法和功能相同，都是在 DOM  准备

完毕后自动触发。第 2 行里面是一个单击触发函数 click() ，需要注意的是，在 HTML 一页提交按钮上

“

需要放置一个名为 button”的 Class ，以模拟实现 submit 提交表单的功能，从第二点我们可以看出，
JQuery 可以很好的将结构和逻辑分离。
 
3、jquery ajax 表单验证
 
在实际应用中，这一步是必不可少的。在用户漏填，错填某个项目时，及时提示。

 
以下为引用内容：

/***
* php100.com
* 2013-06-28
***/
$(function() { 
$('.error').hide(); 
$(".button").click(function() { 
// 验证代码
$('.error').hide(); 
var name = $("input#name").val(); 
if (name == "") { 
$("label#name_error").show(); 
$("input#name").focus(); 
return false; 
} 
var email = $("input#email").val(); 
if (email == "") { 
$("label#email_error").show(); 
$("input#email").focus(); 
return false; 
}