JQuery學習(5-AJAX1)

標籤：ajax   form   submit   提交表單   

<?php/** 保護AJAX請求的方式*//** 1. 防止表單的自動認可* 對錶單的submit提交進行控制。設定一個全域變數submitError,在進行驗證的方法體中對submitError進行修改；* 若出錯，submitError++; 若錯誤更正submitError--；提交之前，若submitError=0,則進行提交*/?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="jquery-1.5.min.js"></script><style>.pwd{width:200px;height:35px;}</style> <title>無標題文檔</title></head><body><form id="rg_user" ><div><input type="password" size="12" id="rg_pwd" class="pwd" />   <div id="error_info" ></div>    </div>    <input type="submit" /></form><script type="application/javascript">var submtError=0;/** 提交前驗證密碼是否為空白*/$('input[type="submit"]').click(function(){var pwd_length=$('#rg_pwd').val().length;if(pwd_length==0){$('#error_info').html("密碼為空白");submitError++;}if(submitError==0){$('rg_user').submit(function(e){e.preventDefault();//序列化表單資料var formData=$(this).serialize();$.post('php.php',formData,function(data){/*對伺服器返回的資料進行操作*/});});}})</script></body></html>

JQuery學習(5-AJAX1)