下载示例包：<a href=”https://www.3code.cn/download/jquery-userreg.zip”>jquery-userreg.zip</a>

这是用到的JS代码,下载包里面有：

<script language=”javascript” src=”../js/jquery-1.4.min.js”></script>
<script language=”javascript” src=”../js/jquery.checkform.js”></script>
<script type=”text/javascript” src=”../js/jquery.form.js”></script>
<script language=”javascript”>
$(function(){

$(“#form1″).valid([
//{ name:”username”,type:”ajax”,message:”用户名没有注册”, url:”abc.php” },
{ name:”username”,type:”username”,simple:”用户名”},
{ name:”password”,type:”password”,simple:”密码”,min:8,max:16},
{ name:”password2″,type:”eq”,simple:”重复密码”, to:”password” },
{ name:”english”,type:”eng”,simple:”英文域”, require:false },
{ name:”chinese”,type:”chn”,simple:”中文域”, require:false },
{ name:”email”,type:”mail”,simple:”邮箱” },
{ name:”url”,type:”url”,message:”地址信息不正确哦!” },
{ name:”checkbox”,simple:”多选” },
{ name:”select”,simple:”选择框” },
]);

//start check username
var txtname = $(“#username”);
//输入文字时文本框样式
txtname.keyup(function() {
var name = $(this).val();
if (name == “”)
$(this).addClass(“txtName”);
else $(this).removeClass(“txtName”);
})
//失去焦点时验证用户名是否可用
$(“#username”).blur(function() {
var name = $(this).val();
$.get(“abc.php?name=” + name, null, function(response) {
$(“#result”).html(response);
})
})
//end check username

//start submit form
var options = {
//target:        ‘#output1’,   // target element(s) to be updated with server response
// beforeSubmit:  showRequest,  // pre-submit callback
success:       showResponse1,  // post-submit callback
url: ‘c1.php’,
type: ‘post’
// other available options:
//url:       url         // override for form’s ‘action’ attribute
//type:      type        // ‘get’ or ‘post’, override for form’s ‘method’ attribute
//dataType:  null        // ‘xml’, ‘script’, or ‘json’ (expected server response type)
//clearForm: true        // clear all form fields after successful submit
//resetForm: true        // reset the form after successful submit

// $.ajax options can be used here too, for example:
//timeout:   3000
};
$(‘#form1′).ajaxForm(options);

function showResponse1(responseText, statusText, xhr, $form)  {
alert(responseText);
location.href=’user.php’;
}

})

</script>

$(“#loading”).attr(“style”,”display:none; textalign:center; position:absolute;background-color:#000; filter:alpha(opacity=80);opacity:.8;”);
$(‘#loading’).height($(document).height() + “px”);
$(‘#loading’).width($(document.body).outerWidth(true) + “px”);

var topPosition = document.documentElement.scrollTop + ($(window).height() – $(“#mdiv”).height()) / 2;

$(“#mdiv”).attr(“style”,”z-index:1000;left:50%; margin-left:-105px;position:absolute; display:none;background-image:url(../imgs/ldbg.png); background-repeat:no-repeat; height:189px; width:331px;top:”+topPosition+”px”);

$(‘#loading’).fadeIn();
$(‘#mdiv’).fadeIn();
//$(“#loading”).attr(“style”,”z-index:999; padding-top:200px; margin-left:0px;position:absolute;display:block; background-color:#000; filter:alpha(opacity=80);opacity:.8;”);

if(getls!=””){
url= “/ci.php/dashboard/page/”+page+”/”+getls+”/”+end_time+”/”+start_time;
}else{
url = “/ci.php/dashboard/page/”+page+”/all/”+end_time+”/”+start_time;
}

$.ajax({
type: ‘post’,
url: url,
cache:false,
success:function(html){

$(“#leadsdiv”).html(html);
$(“#loading”).attr(“style”,”display:none”);
$(“#mdiv”).attr(“style”,”display:none”);
}
});

});

$(“#datelead”).click(function (){
startt = $(“#starttime”).val();
endt   = $(“#endtime”).val();
datelead(endt,startt);
});

//—–search function
$(“#submit”).click(function (){
$(“#loading”).attr(“style”,”z-index:999; margin-left:0px; margin-top:300px;position:absolute;display:block; left: 416px; top: 31px; width:865px; height: 48px;”);
keyword = $(“#searchkeyword”).val();
if (keyword == “”){
alert(“keyword can’t be empty!”);
return false;
}
url = “/ci.php/dashboard/search/”+keyword;
$.ajax({
type: ‘post’,
url: url,
cache:false,
success:function(html){
$(“#leadsdiv”).html(html);
$(“#pagec”).html(“”);
$(“#loading”).attr(“style”,”display:none”);
$(“#mdiv”).attr(“style”,”display:none”);
}
});
});

});
function datelead(endtime,starttime){

getls = $(“#leadstatus”).val();

if(getls!=””){
location.href = “/ci.php/dashboard/index/”+getls+”/”+endtime+”/”+starttime;
}else{
location.href = “/ci.php/dashboard/index/all/”+endtime+”/”+starttime;
}

}
//$(“#loading”).attr(“style”,”display:none;”);
//document.getElementById(“loading”).style.display = “none”;
</script>

Html 及js代码：

<!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.3.2.min.js”></script>
<script type=”text/javascript” language=”javascript”>  
function GetJsonData() { 
  $.ajax(  
         {  
    type: “GET”, 
    url: “a.php”,
    data: “id=1”, 
             success: function(data){ $(“#divok”).html(data);},
             error: function() { alert(“error”); }  
          }  
         )  
      }  
</script>  
</head>
<body  scroll=”no”>
<input name=”” type=”button” onclick=”GetJsonData()” value=”Click Here” />
<div id=”divok”></div>
 
</body>
</html>

a.php代码：

<? if($_GET[“id”]==1) {?>
<select name=””>
  <option value=”asd”>asdas</option>
  <option value=”sad”>sdad</option>
  <option value=”sad”>dsad</option>
</select>
<? }?>