JQuery入門常用的一些方法、表單操作、正則驗證

獲取一組radio被選中項的值
var item = $('input[@name=items][@checked]').val();
獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二個元素爲當前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素爲當前選中值
$('input[@name=items]').get(1).checked = true;
獲取值:
文本框,文本區域:$("#txt").attr("value");
多選框checkbox:$("#checkbox_id").attr("value");
單選組radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控制表單元素:
文本框,文本區域:$("#txt").attr("value",'');//清空內容
                 $("#txt").attr("value",'11');//填充內容
多選框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾
單選組radio:     $("input[@type=radio]").attr("checked",'2');//設置value=2的項目爲當前選中項
下拉框select:   $("#sel").attr("value",'-sel3');//設置value=-sel3的項目爲當前選中項
                 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                 $("#sel").empty();//清空下拉框 

jquery 郵箱 手機號碼 用戶名驗證正則表達式

本文章從網上收藏了一個利用jquery來驗證郵箱地址合法性,手機號碼驗證包括所有手機號碼都可以驗證哦,最的驗證用戶名只允許是字符數字下劃線以及@符號。 

     var name = $('#regemail').val();
     var search_str = /^[w-.]+@[w-.]+(.w+)+$/;
     if(!search_str.test(name)){
      alert("郵箱不合法!");
      $("#regemail").val('');
      $("#regemail").focus();
      return false;
     }
	setInterval(fromCity,500);
    
    function fromCity(){
    	//取車城市
    	$('#fromCityCode').change(function(){
		//alert($(this).children('option:selected').val());
		var p1=$(this).children('option:selected').val();//這就是selected的值 
		$('#toCityCode').val(p1);
		$('#toCityCode').change();
		});
		//取車門店
		$('#fromLocationId').change(function(){
		var p2=$(this).children('option:selected').val(); 
		$('#toLocationId').val(p2);
		});
    }


 

     var mob=$.trim($("#mobile").val());
     
     if($.trim($("#mobile").val())=="")
     {
      alert("手機號碼不能爲空!");
      return false;
     }
     if($.trim($("#mobile").val())!="")
     {
      var reg = /^(?:13d|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|4|5|6|7|8|9])-?d{5}(d{3}|*{3})$/;
      if(!reg.test($.trim($('#mobile').val())))
      {
       alert("手機號碼格式不對!");
       return false;
      }
     }


1。 // 切換效果和添加刪除CSS樣式
function changeStyle(tabId) {
	if(tabId=="chengke"){
		showDiv('driver');
		hidenDiv('passenger');
		$("#chengke").addClass('bltabs_on');
		$("#siji").removeClass('bltabs_on');
	}else if(tabId=="siji"){
		showDiv('passenger');
		hidenDiv('driver');
		$("#siji").addClass('bltabs_on');
		$("#chengke").removeClass('bltabs_on');
	}
}
2. // 光標進入輸入框清空文本框內容
function inputIn(tId){
	var this_val = $.trim($("#"+tId).val());
	if(this_val == '' || this_val == "出發地,行政,交通,商圈" || this_val == "目的地,行政,交通,商圈"){
		$("#"+tId).val('');
	}
}
// 光標離開輸入框
function inputOut(tId){
	var this_val = $.trim($("#"+tId).val());
	if(this_val == '' || this_val == "出發地,行政,交通,商圈"){
		$("#"+tId).val('出發地,行政,交通,商圈');
	}else if(this_val == "目的地,行政,交通,商圈"){
		$("#"+tId).val('目的地,行政,交通,商圈');
	}
}
// 根據複選框設置文本框是否可寫
	function setTextByBox(bId){
		var box = $("#"+bId);
		
		if(bId=="lineOne"){
			if(box.attr('checked')==true){
				$("#singlePrice").attr("readonly",'');
			}else{
				$("#singlePrice").attr("readonly",'true');
			}
		}
		if(bId=="lineReturn"){
			if(box.attr('checked')==true){
				$("#doublePrice").attr("readonly",'');
			}else{
				$("#doublePrice").attr("readonly",'true');
			}
		}
		if(bId=="lineMonth"){
			if(box.attr('checked')==true){
				$("#monthPrice").attr("readonly",'');
			}else{
				$("#monthPrice").attr("readonly",'true');
			}
		}
	}

javascript轉換日期字符串爲Date對象
把一個日期字符串如“2007-2-28 10:18:30”轉換爲Date對象:
1:
1var   strArray=str.split("   ");   
2var   strDate=strArray[0].split("-");   
3var   strTime=strArray[1].split(":");   
4var   a=new   Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2])   

2:
1var   s   =   "2005-12-15   09:41:30";   
2var   d   =   new   Date(Date.parse(s.replace(/-/g,   "/")));   

只能輸入數字和小數點的文本框:<input οnkeyup="value=value.replace(/[^\d\.]/g,'')">

jquery獲取複選框的值 
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
 <html>  
 <head>  
 <mce:style><!--
  
   
 
--></mce:style><style mce_bogus="1">  
   
 </style>  
 <title>JS獲取複選框被選中的值</title>  
 </head>  
 <body>  
 <input type="checkbox" name="test" value="0" />0    
 <input type="checkbox" name="test" value="1" />1    
 <input type="checkbox" name="test" value="2" />2    
 <input type="checkbox" name="test" value="3" />3    
 <input type="checkbox" name="test" value="4" />4    
 <input type="checkbox" name="test" value="5" />5    
 <input type="checkbox" name="test" value="6" />6    
 <input type="checkbox" name="test" value="7" />7    
 <input type="button" οnclick="chk()" value="提  交" />  
 </body>  
 </html

<mce:script src="jquery.js" mce_src="jquery.js"></mce:script><!--這是載入jquery.js文件,如果不使用jquery可以去掉-->  
<mce:script type="text/javascript"><!--
  
function chk(){  
  var obj=document.getElementsByName('test');  //選擇所有name="'test'"的對象,返回數組  
  //取到對象數組後,我們來循環檢測它是不是被選中  
  var s='';  
  for(var i=0; i<obj.length; i++){  
    if(obj[i].checked) s+=obj[i].value+',';  //如果選中,將value添加到變量s中  
  }  
  //那麼現在來檢測s的值就知道選中的複選框的值了  
  alert(s==''?'你還沒有選擇任何內容!':s);  
}  
  
function jqchk(){  //jquery獲取複選框值  
  var chk_value =[];  
  $('input[name="test"]:checked').each(function(){  
   chk_value.push($(this).val());  
  });  
  alert(chk_value.length==0 ?'你還沒有選擇任何內容!':chk_value);  
}  
// --></mce:script>

對checkbox的其他幾個操作

1. 全選
2. 取消全選
3. 選中所有奇數
4. 反選
5. 獲得選中的所有值

js代碼 
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全選
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全選
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//選中所有奇數
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反選
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//輸出選中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
//alert($(this).val());
})
alert(str);
})
})

<!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" />
<title>louis-blog >> jQuery 對checkbox的操作</title>
<mce:script type='text/javascript' src="http://leotheme.cn/wp-includes/js/jquery/jquery.js" mce_src="http://leotheme.cn/wp-includes/js/jquery/jquery.js"></mce:script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全選
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全選
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//選中所有奇數
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反選
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//輸出選中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
//alert($(this).val());
})
alert(str);
})
})
-->
</SCRIPT>
</HEAD>
<body style="text-align:center;margin: 0 auto;font-size: 12px;" mce_style="text-align:center;margin: 0 auto;font-size: 12px;">
<div style="border: 1px solid #999; width: 500px; padding: 15px; background: #eee; margin-top: 150px;">
<form name="form1" method="post" action="">
<input type="button" id="btn1" value="全選">
<input type="button" id="btn2" value="取消全選">
<input type="button" id="btn3" value="選中所有奇數">
<input type="button" id="btn4" value="反選">
<input type="button" id="btn5" value="獲得選中的所有值">
<br /><br />
<input type="checkbox" name="checkbox" value="checkbox1">
checkbox1
<input type="checkbox" name="checkbox" value="checkbox2">
checkbox2
<input type="checkbox" name="checkbox" value="checkbox3">
checkbox3
<input type="checkbox" name="checkbox" value="checkbox4">
checkbox4
<input type="checkbox" name="checkbox" value="checkbox5">
checkbox5
<input type="checkbox" name="checkbox" value="checkbox6">
checkbox6
</form>
</div>
</body>
</HTML>

$("document").ready(function(){
	/**
	 * 線路發佈第一步,週期選擇
	 * alpha at 2012-4-13 11:03:59
	 */
	var work = $("#work");
    var all = $("#all");

	// 全選
    all.click(function(){
    	var btnAllText = $("#all").text();
	    if(btnAllText=="全選"){
	    	$("#all").text("全取消");
	    	for(var i=1;i<8;i++){
		    	$("#work"+i).attr("checked",'true');
		    }
	    }else if(btnAllText=="全取消"){
	    	$("#all").text("全選");
	    	for(var i=1;i<8;i++){
		    	$("#work"+i).attr("checked",'');
		    }
	    }
    })

   	// 工作日
    work.click(function(){
	    var btnWorkText = $("#work").text();
	    if($("#work6").attr('checked')==true || $("#work7").attr('checked')==true){
			$("#work6").attr("checked",'');
			$("#work7").attr("checked",'');
			return;
		}
	    
	    if(btnWorkText=="工作日拼車"){
	    	$("#work").text("工作日不拼車");
	    	for(var i=1;i<6;i++)
		    {
		    	$("#work"+i).attr("checked",'true');
		    	/*if($("#work"+i).attr('checked')==false){
		    		$("#work"+i).attr("checked",'true');
		    	}else{
		    		$("#work"+i).attr("checked",'');
		    	}*/
			}
	    }else if(btnWorkText=="工作日不拼車"){
	    	$("#work").text("工作日拼車");
	    	for(var i=1;i<6;i++)
		    {
		    	$("#work"+i).attr("checked",'');
			}
	    }
    })
    
    // 點擊後增加一個日期輸入框,偶發拼車允許多個出發時間。
    $("#addDateText").click(function(){
    	
		// alert($("#lineDateM").attr("name"));
		var name = $("#lineDateM").attr("name");
		if(name==undefined){
			name = $("#lineDate").attr("name");
		}
    	//生成 0 到10 隨機數 Mapth.random產生 0到1的隨機數 然後乘以10 
		var maxNumber = 1000; 
		var randomNumber = Math.round(maxNumber * Math.random());
		
	    var s = "<div id='div"+randomNumber+"'><input class='set_pc_wftime' type='text' name='"+name+"' οnclick=\"WdatePicker({dateFmt:'yyyy-MM-dd', skin:'whyGreen'})\"/>"; 
	    s += "<input type='button' value='刪除' οnclick='del(" + randomNumber + ")'/></div>"; 
	    var $mm = $(s); 
	    var $parent = $("#addText"); 
	    $parent.append($mm); 
	})
	
	// 點擊後增加一個輸入框,拼車允許多個標籤
    $("#addLabel").click(function(){
		//生成 0 到10 隨機數 Mapth.random產生 0到1的隨機數 然後乘以10 
		var maxNumber = 1000; 
		var randomNumber = Math.round(maxNumber * Math.random());
	    var s = "<div id='div"+randomNumber+"'><input type='text' name='lineLableDescribe'/>"; 
	    s += "<input type='button' value='刪除' οnclick='del(" + randomNumber + ")'/></div>"; 
	    var $mm = $(s); 
	    var $parent = $("#addTextLabel"); 
	    $parent.append($mm); 
	})
})

// 點擊後增加一個日期輸入框的刪除按鈕
function del(id) { 
$("#div" + id).remove(); 
}

// 根據id隱藏div
function hidenDiv(div) {
	$("#" + div).hide();
}
// 根據id顯示div
function showDiv(div) {
	$("#" + div).show();
}

// 線路發佈第一步,修改線路發佈時的用戶身份
function chengeType(id) {
	if(id=="siji"){
		$("#isProvideCar").val("1");
	}else if(id=="chengke"){
		$("#isProvideCar").val("2");
	}
}

// 驗證漢字,是漢字返回true,否則返回false
function isChinese(v){
	var reg = /^[\u4e00-\u9fa5]+$/i;
	if (!reg.test(v)){
		alert("請輸入中文"); 
		return false;
	}else{
		return true;
	}
}

// 驗證數字,是數字返回true,否則返回false
function isNumber(v){
	if(isNaN(v)){
		alert("必須是數字");
		return false;
	}
	return true;
}

// 驗證手機號碼
function checkMobile(v){
	var reg = /^(?:13d|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|4|5|6|7|8|9])-?d{5}(d{3}|*{3})$/;
    if(!reg.test(mobilePhone)) return false;
  	
	return true;
}



JQuery獲取和設置Select選項

 

獲取Select :

 

 獲取select 選中的 text :

   $("#ddlRegType").find("option:selected").text();

 獲取select選中的 value:

 

   $("#ddlRegType ").val();

 獲取select選中的索引:

     $("#ddlRegType ").get(0).selectedIndex;

 

設置select:

 

 設置select 選中的索引:

     $("#ddlRegType ").get(0).selectedIndex=index;//index爲索引值

  設置select 選中的value:

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;

  設置select 選中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++)  
     {           if($("#ddlRegType ").get(0).options[i].text == text)  
        {  
            $("#ddlRegType ").get(0).options[i].selected = true;  
         
            break;  
        }  
    } 

 

清空 Select:

$("#ddlRegType ").empty();


實時監聽js改變value,跨瀏覽器支持 
<table>
         <tr>
                     <td>此處值通過js設置:</td>
                    <td><input id="jsUserName" type="text" name="jsUserName" readonly/></td>
            </tr>
            <tr>
                        <td>此處輸入值:</td>
                         <td><input id="userName" type="text" name="userName"/></td>
             </tr>
</table>

Javascript代碼
$(function()
                {
                        var jsUserName = "";
                        if($.browser.msie)        // IE瀏覽器
                        {
                                $("#userName").get(0).onpropertychange = setJsUserName;
                                $("#jsUserName").get(0).onpropertychange = handle;
                        }
                        else        // 其他瀏覽器
                        {
                                var intervalName;        // 定時器句柄
                                $("#userName").get(0).addEventListener("input",setJsUserName,false);
                                // 獲得焦點時,啓動定時器
                                $("#userName").focus(function(){
                                        intervalName = setInterval(handle,1000);
                                });

                                // 失去焦點時,清除定時器
                                $("#userName").blur(function()
                                {
                                        clearInterval(intervalName);
                                });
                        }
                        // 設置jsUserName input的值
                        function setJsUserName()
                        {
                                $("#jsUserName").val($(this).val());
                        }
                        // jsUserName input的值改變時執行的函數
                        function handle()
                        {    
                                // IE瀏覽器此處判斷沒什麼意義,但爲了統一,且提取公共代碼而這樣處理。
                                if($("#jsUserName").val() != jsUserName)
                                {
                                        $("#toolTip").remove();
                                        $("#jsUserName").parent().append("<span id='toolTip'>看到這裏的信息表明,通過js改變input的值也能響應相應事件:<span    style='color:red;'>" + $("#jsUserName").val() + "</span></span>");
                                        jsUserName = $("#jsUserName").val();
                                }
                        }
});


$("document").ready(function(){
	/**
	 * 線路發佈第一步,週期選擇
	 * alpha at 2012-4-13 11:03:59
	 */
	var work = $("#work");
    var all = $("#all");

	// 全選
    all.click(function(){
    	var btnAllText = $("#all").text();
	    if(btnAllText=="全選"){
	    	$("#all").text("全取消");
	    	for(var i=1;i<8;i++){
		    	$("#work"+i).attr("checked",'true');
		    }
	    }else if(btnAllText=="全取消"){
	    	$("#all").text("全選");
	    	for(var i=1;i<8;i++){
		    	$("#work"+i).attr("checked",'');
		    }
	    }
    })

   	// 工作日
    work.click(function(){
	    var btnWorkText = $("#work").text();
	    if($("#work6").attr('checked')==true || $("#work7").attr('checked')==true){
			$("#work6").attr("checked",'');
			$("#work7").attr("checked",'');
			return;
		}
	    
	    if(btnWorkText=="工作日拼車"){
	    	$("#work").text("工作日不拼車");
	    	for(var i=1;i<6;i++)
		    {
		    	$("#work"+i).attr("checked",'true');
		    	/*if($("#work"+i).attr('checked')==false){
		    		$("#work"+i).attr("checked",'true');
		    	}else{
		    		$("#work"+i).attr("checked",'');
		    	}*/
			}
	    }else if(btnWorkText=="工作日不拼車"){
	    	$("#work").text("工作日拼車");
	    	for(var i=1;i<6;i++)
		    {
		    	$("#work"+i).attr("checked",'');
			}
	    }
    })
    var n=1;
    // 點擊後增加一個日期輸入框,偶發拼車允許多個出發時間。
    $("#addDateText").click(function(){
    	
    	if(n>4){
    		//alert("只允許添加4個");
    		pcw_alert("只允許添加4個",'0');
    		return false;
    	}
    	n++;
		// alert($("#lineDateM").attr("name"));
		var name = $("#lineDateM").attr("name");
		if(name==undefined){
			name = $("#lineDate").attr("name");
		}
    	//生成 0 到10 隨機數 Mapth.random產生 0到1的隨機數 然後乘以10 
		var maxNumber = 1000; 
		var randomNumber = Math.round(maxNumber * Math.random());
		
	    var s = "<div id='div"+randomNumber+"'><input class='set_pc_wftime' type='text' name='"+name+"' οnclick=\"WdatePicker({dateFmt:'yyyy-MM-dd', skin:'whyGreen'})\"/>"; 
	    s += "  <a href='javascript:void(0);' οnclick='del(" + randomNumber + ");return false;'><img src='images/jian.gif' /></a></div>"; 
	    var $mm = $(s); 
	    var $parent = $("#addText"); 
	    $parent.append($mm); 
	})
	
	// 點擊後增加一個輸入框,拼車允許多個標籤
    $("#addLabel").click(function(){
    	if(n>4){
    		//alert("只允許添加4個");
    		pcw_alert("只允許添加4個",'0');
    		return false;
    	}
    	n++;
		//生成 0 到10 隨機數 Mapth.random產生 0到1的隨機數 然後乘以10 
		var maxNumber = 1000; 
		var randomNumber = Math.round(maxNumber * Math.random());
	    var s = "<div id='div"+randomNumber+"'><input type='text' name='lineLableDescribe'  maxlength='12'/>"; 
	    s += "  <a href='javascript:void(0);' οnclick='del(" + randomNumber + ");return false;'><img src='images/jian.gif' /></a></div>"; 
	    var $mm = $(s); 
	    var $parent = $("#addTextLabel"); 
	    $parent.append($mm); 
	})
})

// 點擊後增加一個日期輸入框的刪除按鈕
function del(id) { 
$("#div" + id).remove(); 
}

// 根據id隱藏div
function hidenDiv(div) {
	$("#" + div).hide();
}
// 根據id顯示div
function showDiv(div) {
	$("#" + div).show();
}

// 線路發佈第一步,修改線路發佈時的用戶身份
function chengeType(id) {
	if(id=="siji"){
		$("#isProvideCar").val("1");
	}else if(id=="chengke"){
		$("#isProvideCar").val("2");
	}
}

// 驗證漢字,是漢字返回true,否則返回false
function isChinese(v){
	var reg = /^[\u4e00-\u9fa5]+$/i;
	if (!reg.test(v)){
		//alert("請輸入中文"); 
		pcw_alert("請輸入中文",'0');
		return false;
	}else{
		return true;
	}
}

// 驗證數字,是數字返回true,否則返回false
function isNumber(v){
	if(isNaN(v)){
		//alert("必須是數字");
		pcw_alert("必須是數字",'0');
		return false;
	}
	return true;
}

// 驗證手機號碼
function checkMobile(v){
	var reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0256789][0-9]{8}|147[0-9]{8}$/g;
	//var reg = /^1((3[4-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g; 
    if(!reg.test(v)) return false;
  	
	return true;
}

//判斷手機號碼是否爲空
 function isMobileNull(evt){//暫時省去校驗以環節,.valid()方法爲validate.js中的方法,用於驗證是否已經通過驗證
 	var is_valid = true;
 	if(!$("#mobilePhone").val()){is_valid=false;}
 	if(!is_valid){
 		evt.preventDefault();
 	}else{
 		sendAuthenticode(evt.srcElement)
 	}
 }
//驗證手機
 function sendAuthenticode(_this){
 	$.post("check_sendAuthenticode.html",{"userInfo.mobilePhone":$("#mobilePhone").val()},function(_result){
	if(_result=="true"){
		//alert("驗證碼發送成功");
		pcw_alert("驗證碼發送成功",'0');
		$("#send_authenticode").unbind("click");
	 	// $(_this).attr("disabled","true");
	 	var index=61;
	 	var interval_id = setInterval(function(){
	 		var sss = "獲取驗證碼" +( --index);
	 		//alert($(_this).val());
	 		$(_this).text(sss);
	 		if(index==0){
	 			clearInterval(interval_id);
	 			$(_this).text("獲取驗證碼");
	 			// $(_this).attr("disabled","false");
	 			$("#send_authenticode").bind("click",isMobileNull);
	 		}
	 	},1000);
	}else{
		//alert("驗證碼發送失敗");
		pcw_alert("驗證碼發送失敗",'0');
		}
	});
 }
 
 
//在發送郵件前,確認郵箱非空 且 合法---提交前校驗
	function toSendEmail(){
	var email =  $.trim($("#email").val());
	if(email=="" ){
 		//alert("請輸入郵箱號碼");
 		$("#email").focus();
 		callBackEmail("false");
 		pcw_alert("請輸入郵箱號碼",'0');
 		return false;
 	}else if(!checkEmail(email)) {
	       //alert("郵箱號碼格式不對!");
	       callBackEmail("false");
	       pcw_alert("郵箱號碼格式不正確!",'0');
	       return false;
	    }
	callBackEmail("true");
	 
	}
 
 //發送郵箱驗證碼
 function sendEmail(){
	 $.post("check_sendEmailcode.html",{"userInfo.email":$("#email").val()},function(_result){
			if(_result!="false"){
				alert("驗證碼發送成功,請登錄郵箱查看");
				$("#send_emailcode").unbind("click");
			 	// $(_this).attr("disabled","true");
			 	var index=61;
			 	var interval_id = setInterval(function(){
			 		var sss = "獲取驗證碼" +( --index);
			 		//alert($(_this).val());
			 		$("#send_emailcode").text(sss);
			 		if(index==0){
			 			clearInterval(interval_id);
			 			$("#send_emailcode").text("獲取驗證碼");
			 			// $(_this).attr("disabled","false");
			 			$("#send_emailcode").bind("click",sendEmail);
			 		}
			 	},1000);
			}else{
				alert("驗證碼發送失敗");
				}
			});
	 
 }
 
 function checkEmail(m){
	 var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
		//var reg = /^1((3[4-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g; 
	    if(!reg.test(m)) return false;
	  	
		return true;
 }
 
// javascript 日期格式化
Date.prototype.format = function(format) //author: meizz 
{ 
  var o = { 
    "M+" : this.getMonth()+1, //month 
    "d+" : this.getDate(),    //day 
    "h+" : this.getHours(),   //hour 
    "m+" : this.getMinutes(), //minute 
    "s+" : this.getSeconds(), //second 
    "q+" : Math.floor((this.getMonth()+3)/3),  //quarter 
    "S" : this.getMilliseconds() //millisecond 
  } 
  if(/(y+)/.test(format)) format=format.replace(RegExp.$1, 
    (this.getFullYear()+"").substr(4 - RegExp.$1.length)); 
  for(var k in o)if(new RegExp("("+ k +")").test(format)) 
    format = format.replace(RegExp.$1, 
      RegExp.$1.length==1 ? o[k] : 
        ("00"+ o[k]).substr((""+ o[k]).length)); 
  return format; 
} 

//取得日期時間加幾天字符串,返回YYYY-MM-DD HH:mm
 function getDateTime(addDay)
 {
     var date = new Date();
     
     var thisYear = date.getFullYear();
     var thisMonth = date.getMonth() + 1;
     //如果月份長度是一位則前面補0
     if(thisMonth<10) thisMonth = "0" + thisMonth;
     
     var thisDay = date.getDate();
     //當前天數後幾天
     if(addDay>1) thisDay += addDay;
     //如果天的長度是一位則前面補0
     if(thisDay<10) thisDay = "0" + thisDay;
 
     var thisHour = date.getHours();
     //如果小時長度是一位則前面補0
     if(thisHour<10) thisHour = "0" + thisHour;
     
     var thisMinute = date.getMinutes();
     //如果分鐘長度是一位則前面補0
     if(thisMinute<10) thisMinute = "0" + thisMinute;
     
     //var thisSecond = date.getSeconds();
     //如果分鐘長度是一位則前面補0
     //if(thisSecond<10) thisSecond = "0" + thisSecond;
     
     return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute;
     //return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute + ":" + thisSecond;
 }
 
 //根據日期字符串,和加幾天字符串,返回YYYY-MM-DD HH:mm
 function getDateForStr(strDate,addDay)
 {
     var date = new Date(Date.parse(strDate.replace(/-/g,"/")));
     
     var thisYear = date.getFullYear();
     var thisMonth = date.getMonth() + 1;
     //如果月份長度是一位則前面補0
     if(thisMonth<10) thisMonth = "0" + thisMonth;
     
     var thisDay = date.getDate();
     //當前天數後幾天
     if(addDay>1) thisDay += addDay;
     //如果天的長度是一位則前面補0
     if(thisDay<10) thisDay = "0" + thisDay;
 
     var thisHour = date.getHours();
     //如果小時長度是一位則前面補0
     if(thisHour<10) thisHour = "0" + thisHour;
     
     var thisMinute = date.getMinutes();
     //如果分鐘長度是一位則前面補0
     if(thisMinute<10) thisMinute = "0" + thisMinute;
     
     //var thisSecond = date.getSeconds();
     //如果分鐘長度是一位則前面補0
     //if(thisSecond<10) thisSecond = "0" + thisSecond;
     
     return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute;
     //return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute + ":" + thisSecond;
 }

發佈了44 篇原創文章 · 獲贊 59 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章