DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery中輸入驗證中一個不錯的效果
jquery中輸入驗證中一個不錯的效果
編輯:JQuery特效代碼     
1 包含jquery
代碼如下:
<script src="images/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="images/jquery.form.js" type="text/javascript"></script>

2 設置
<div id="msg"></div></td>

3 JAVASCRIPT設置
代碼如下:
<script type="text/javascript">
<!--
$(function(){
$('#msg').hide();
var options = {
target: '#msg',
url: 'XXXX.ACTION',
beforeSubmit: function(){

if($('#company').val()==''){
$('#msg').html("<span class=\"about_content_title\">[公司名稱]不能為空!</span>");
$('#msg').show(1000);
$('#msg').hide(3000);
return false;
}

$('#msg').html("<img src=\"images/loading.gif\" /><span class=\"about_content_title\"> 資料保存中,請稍候。。。</span>");
$('#msg').show(1000);
}
success: function() {
$('#msg').html("<span class=\"about_content_title\">資料保存成功!</span>");
$('#msg').show(1000);
$('#myform').resetForm();
$('#msg').hide(3000);
}
};
$('#myform').ajaxForm(options);
});
-->
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved