码迷,mamicode.com
首页 > Web开发 > 详细

常用的jquery

时间:2015-12-04 12:19:34      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

  1 获取一组radio被选中项的值
  2 var item = $(‘input[@name=items][@checked]‘).val();
  3 获取select被选中项的文本
  4 var item = $("select[@name=items] option[@selected]").text();
  5 select下拉框的第二个元素为当前选中值
  6 $(‘#select_id‘)[0].selectedIndex = 1;
  7 radio单选组的第二个元素为当前选中值
  8 $(‘input[@name=items]‘).get(1).checked = true;
  9 获取值:
 10 文本框,文本区域:$("#txt").attr("value");
 11 多选框checkbox:$("#checkbox_id").attr("value");
 12 单选组radio:   $("input[@type=radio][@checked]").val();
 13 下拉框select: $(‘#sel‘).val();
 14 控制表单元素:
 15 文本框,文本区域:$("#txt").attr("value",‘‘);//清空内容
 16                  $("#txt").attr("value",‘11‘);//填充内容
 17 多选框checkbox: $("#chk1").attr("checked",‘‘);//不打勾
 18                  $("#chk2").attr("checked",true);//打勾
 19                  if($("#chk1").attr(‘checked‘)==undefined) //判断是否已经打勾
 20 单选组radio:     $("input[@type=radio]").attr("checked",‘2‘);//设置value=2的项目为当前选中项
 21 下拉框select:   $("#sel").attr("value",‘-sel3‘);//设置value=-sel3的项目为当前选中项
 22                  $("<option value=‘1‘>1111</option><option value=‘2‘>2222</option>").appendTo("#sel")//添加下拉框的option
 23                  $("#sel").empty();//清空下拉框 
 24 
 25 jquery 邮箱 手机号码 用户名验证正则表达式
 26 
 27 本文章从网上收藏了一个利用jquery来验证邮箱地址合法性,手机号码验证包括所有手机号码都可以验证哦,最的验证用户名只允许是字符数字下划线以及@符号。 
 28 
 29      var name = $(‘#regemail‘).val();
 30      var search_str = /^[w-.]+@[w-.]+(.w+)+$/;
 31      if(!search_str.test(name)){
 32       alert("邮箱不合法!");
 33       $("#regemail").val(‘‘);
 34       $("#regemail").focus();
 35       return false;
 36      }
 37     setInterval(fromCity,500);
 38     
 39     function fromCity(){
 40         //取车城市
 41         $(‘#fromCityCode‘).change(function(){
 42         //alert($(this).children(‘option:selected‘).val());
 43         var p1=$(this).children(‘option:selected‘).val();//这就是selected的值 
 44         $(‘#toCityCode‘).val(p1);
 45         $(‘#toCityCode‘).change();
 46         });
 47         //取车门店
 48         $(‘#fromLocationId‘).change(function(){
 49         var p2=$(this).children(‘option:selected‘).val(); 
 50         $(‘#toLocationId‘).val(p2);
 51         });
 52     }
 53 
 54 
 55  
 56 
 57      var mob=$.trim($("#mobile").val());
 58      
 59      if($.trim($("#mobile").val())=="")
 60      {
 61       alert("手机号码不能为空!");
 62       return false;
 63      }
 64      if($.trim($("#mobile").val())!="")
 65      {
 66       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})$/;
 67       if(!reg.test($.trim($(‘#mobile‘).val())))
 68       {
 69        alert("手机号码格式不对!");
 70        return false;
 71       }
 72      }
 73 
 74 
 75 1。 // 切换效果和添加删除CSS样式
 76 function changeStyle(tabId) {
 77     if(tabId=="chengke"){
 78         showDiv(‘driver‘);
 79         hidenDiv(‘passenger‘);
 80         $("#chengke").addClass(‘bltabs_on‘);
 81         $("#siji").removeClass(‘bltabs_on‘);
 82     }else if(tabId=="siji"){
 83         showDiv(‘passenger‘);
 84         hidenDiv(‘driver‘);
 85         $("#siji").addClass(‘bltabs_on‘);
 86         $("#chengke").removeClass(‘bltabs_on‘);
 87     }
 88 }
 89 2. // 光标进入输入框清空文本框内容
 90 function inputIn(tId){
 91     var this_val = $.trim($("#"+tId).val());
 92     if(this_val == ‘‘ || this_val == "出发地,行政,交通,商圈" || this_val == "目的地,行政,交通,商圈"){
 93         $("#"+tId).val(‘‘);
 94     }
 95 }
 96 // 光标离开输入框
 97 function inputOut(tId){
 98     var this_val = $.trim($("#"+tId).val());
 99     if(this_val == ‘‘ || this_val == "出发地,行政,交通,商圈"){
100         $("#"+tId).val(‘出发地,行政,交通,商圈‘);
101     }else if(this_val == "目的地,行政,交通,商圈"){
102         $("#"+tId).val(‘目的地,行政,交通,商圈‘);
103     }
104 }
105 // 根据复选框设置文本框是否可写
106     function setTextByBox(bId){
107         var box = $("#"+bId);
108         
109         if(bId=="lineOne"){
110             if(box.attr(‘checked‘)==true){
111                 $("#singlePrice").attr("readonly",‘‘);
112             }else{
113                 $("#singlePrice").attr("readonly",‘true‘);
114             }
115         }
116         if(bId=="lineReturn"){
117             if(box.attr(‘checked‘)==true){
118                 $("#doublePrice").attr("readonly",‘‘);
119             }else{
120                 $("#doublePrice").attr("readonly",‘true‘);
121             }
122         }
123         if(bId=="lineMonth"){
124             if(box.attr(‘checked‘)==true){
125                 $("#monthPrice").attr("readonly",‘‘);
126             }else{
127                 $("#monthPrice").attr("readonly",‘true‘);
128             }
129         }
130     }
131 
132 javascript转换日期字符串为Date对象
133 把一个日期字符串如“2007-2-28 10:18:30”转换为Date对象:
134 1135 1var   strArray=str.split("   ");   
136 2var   strDate=strArray[0].split("-");   
137 3var   strTime=strArray[1].split(":");   
138 4var   a=new   Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2])   
139 
140 2141 1var   s   =   "2005-12-15   09:41:30";   
142 2var   d   =   new   Date(Date.parse(s.replace(/-/g,   "/")));   
143 
144 只能输入数字和小数点的文本框:<input onkeyup="value=value.replace(/[^\d\.]/g,‘‘)">
145 
146 jquery获取复选框的值 
147  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
148  <html>  
149  <head>  
150  <mce:style><!--
151   
152    
153  
154 --></mce:style><style mce_bogus="1">  
155    
156  </style>  
157  <title>JS获取复选框被选中的值</title>  
158  </head>  
159  <body>  
160  <input type="checkbox" name="test" value="0" />0    
161  <input type="checkbox" name="test" value="1" />1    
162  <input type="checkbox" name="test" value="2" />2    
163  <input type="checkbox" name="test" value="3" />3    
164  <input type="checkbox" name="test" value="4" />4    
165  <input type="checkbox" name="test" value="5" />5    
166  <input type="checkbox" name="test" value="6" />6    
167  <input type="checkbox" name="test" value="7" />7    
168  <input type="button" onclick="chk()" value="提  交" />  
169  </body>  
170  </html
171 
172 <mce:script src="jquery.js" mce_src="jquery.js"></mce:script><!--这是载入jquery.js文件,如果不使用jquery可以去掉-->  
173 <mce:script type="text/javascript"><!--
174   
175 function chk(){  
176   var obj=document.getElementsByName(‘test‘);  //选择所有name="‘test‘"的对象,返回数组  
177   //取到对象数组后,我们来循环检测它是不是被选中  
178   var s=‘‘;  
179   for(var i=0; i<obj.length; i++){  
180     if(obj[i].checked) s+=obj[i].value+‘,‘;  //如果选中,将value添加到变量s中  
181   }  
182   //那么现在来检测s的值就知道选中的复选框的值了  
183   alert(s==‘‘?‘你还没有选择任何内容!‘:s);  
184 }  
185   
186 function jqchk(){  //jquery获取复选框值  
187   var chk_value =[];  
188   $(‘input[name="test"]:checked‘).each(function(){  
189    chk_value.push($(this).val());  
190   });  
191   alert(chk_value.length==0 ?‘你还没有选择任何内容!‘:chk_value);  
192 }  
193 // --></mce:script>
194 
195 对checkbox的其他几个操作
196 
197 1. 全选
198 2. 取消全选
199 3. 选中所有奇数
200 4. 反选
201 5. 获得选中的所有值
202 
203 js代码 
204 $("document").ready(function(){
205 $("#btn1").click(function(){
206 $("[name=‘checkbox‘]").attr("checked",‘true‘);//全选
207 })
208 $("#btn2").click(function(){
209 $("[name=‘checkbox‘]").removeAttr("checked");//取消全选
210 })
211 $("#btn3").click(function(){
212 $("[name=‘checkbox‘]:even").attr("checked",‘true‘);//选中所有奇数
213 })
214 $("#btn4").click(function(){
215 $("[name=‘checkbox‘]").each(function(){//反选
216 if($(this).attr("checked")){
217 $(this).removeAttr("checked");
218 }
219 else{
220 $(this).attr("checked",‘true‘);
221 }
222 })
223 })
224 $("#btn5").click(function(){//输出选中的值
225 var str="";
226 $("[name=‘checkbox‘][checked]").each(function(){
227 str+=$(this).val()+"/r/n";
228 //alert($(this).val());
229 })
230 alert(str);
231 })
232 })
233 
234 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
235 <html xmlns="http://www.w3.org/1999/xhtml">
236 <head>
237 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
238 <title>louis-blog >> jQuery 对checkbox的操作</title>
239 <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>
240 <SCRIPT LANGUAGE="JavaScript">
241 <!--
242 $("document").ready(function(){
243 $("#btn1").click(function(){
244 $("[name=‘checkbox‘]").attr("checked",‘true‘);//全选
245 })
246 $("#btn2").click(function(){
247 $("[name=‘checkbox‘]").removeAttr("checked");//取消全选
248 })
249 $("#btn3").click(function(){
250 $("[name=‘checkbox‘]:even").attr("checked",‘true‘);//选中所有奇数
251 })
252 $("#btn4").click(function(){
253 $("[name=‘checkbox‘]").each(function(){//反选
254 if($(this).attr("checked")){
255 $(this).removeAttr("checked");
256 }
257 else{
258 $(this).attr("checked",‘true‘);
259 }
260 })
261 })
262 $("#btn5").click(function(){//输出选中的值
263 var str="";
264 $("[name=‘checkbox‘][checked]").each(function(){
265 str+=$(this).val()+"/r/n";
266 //alert($(this).val());
267 })
268 alert(str);
269 })
270 })
271 -->
272 </SCRIPT>
273 </HEAD>
274 <body style="text-align:center;margin: 0 auto;font-size: 12px;" mce_style="text-align:center;margin: 0 auto;font-size: 12px;">
275 <div style="border: 1px solid #999; width: 500px; padding: 15px; background: #eee; margin-top: 150px;">
276 <form name="form1" method="post" action="">
277 <input type="button" id="btn1" value="全选">
278 <input type="button" id="btn2" value="取消全选">
279 <input type="button" id="btn3" value="选中所有奇数">
280 <input type="button" id="btn4" value="反选">
281 <input type="button" id="btn5" value="获得选中的所有值">
282 <br /><br />
283 <input type="checkbox" name="checkbox" value="checkbox1">
284 checkbox1
285 <input type="checkbox" name="checkbox" value="checkbox2">
286 checkbox2
287 <input type="checkbox" name="checkbox" value="checkbox3">
288 checkbox3
289 <input type="checkbox" name="checkbox" value="checkbox4">
290 checkbox4
291 <input type="checkbox" name="checkbox" value="checkbox5">
292 checkbox5
293 <input type="checkbox" name="checkbox" value="checkbox6">
294 checkbox6
295 </form>
296 </div>
297 </body>
298 </HTML>
299 
300 $("document").ready(function(){
301     /**
302      * 线路发布第一步,周期选择
303      * alpha at 2012-4-13 11:03:59
304      */
305     var work = $("#work");
306     var all = $("#all");
307 
308     // 全选
309     all.click(function(){
310         var btnAllText = $("#all").text();
311         if(btnAllText=="全选"){
312             $("#all").text("全取消");
313             for(var i=1;i<8;i++){
314                 $("#work"+i).attr("checked",‘true‘);
315             }
316         }else if(btnAllText=="全取消"){
317             $("#all").text("全选");
318             for(var i=1;i<8;i++){
319                 $("#work"+i).attr("checked",‘‘);
320             }
321         }
322     })
323 
324        // 工作日
325     work.click(function(){
326         var btnWorkText = $("#work").text();
327         if($("#work6").attr(‘checked‘)==true || $("#work7").attr(‘checked‘)==true){
328             $("#work6").attr("checked",‘‘);
329             $("#work7").attr("checked",‘‘);
330             return;
331         }
332         
333         if(btnWorkText=="工作日拼车"){
334             $("#work").text("工作日不拼车");
335             for(var i=1;i<6;i++)
336             {
337                 $("#work"+i).attr("checked",‘true‘);
338                 /*if($("#work"+i).attr(‘checked‘)==false){
339                     $("#work"+i).attr("checked",‘true‘);
340                 }else{
341                     $("#work"+i).attr("checked",‘‘);
342                 }*/
343             }
344         }else if(btnWorkText=="工作日不拼车"){
345             $("#work").text("工作日拼车");
346             for(var i=1;i<6;i++)
347             {
348                 $("#work"+i).attr("checked",‘‘);
349             }
350         }
351     })
352     
353     // 点击后增加一个日期输入框,偶发拼车允许多个出发时间。
354     $("#addDateText").click(function(){
355         
356         // alert($("#lineDateM").attr("name"));
357         var name = $("#lineDateM").attr("name");
358         if(name==undefined){
359             name = $("#lineDate").attr("name");
360         }
361         //生成 0 到10 随机数 Mapth.random产生 0到1的随机数 然后乘以10 
362         var maxNumber = 1000; 
363         var randomNumber = Math.round(maxNumber * Math.random());
364         
365         var s = "<div id=‘div"+randomNumber+"‘><input class=‘set_pc_wftime‘ type=‘text‘ name=‘"+name+"‘ onclick=\"WdatePicker({dateFmt:‘yyyy-MM-dd‘, skin:‘whyGreen‘})\"/>"; 
366         s += "<input type=‘button‘ value=‘删除‘ onclick=‘del(" + randomNumber + ")‘/></div>"; 
367         var $mm = $(s); 
368         var $parent = $("#addText"); 
369         $parent.append($mm); 
370     })
371     
372     // 点击后增加一个输入框,拼车允许多个标签
373     $("#addLabel").click(function(){
374         //生成 0 到10 随机数 Mapth.random产生 0到1的随机数 然后乘以10 
375         var maxNumber = 1000; 
376         var randomNumber = Math.round(maxNumber * Math.random());
377         var s = "<div id=‘div"+randomNumber+"‘><input type=‘text‘ name=‘lineLableDescribe‘/>"; 
378         s += "<input type=‘button‘ value=‘删除‘ onclick=‘del(" + randomNumber + ")‘/></div>"; 
379         var $mm = $(s); 
380         var $parent = $("#addTextLabel"); 
381         $parent.append($mm); 
382     })
383 })
384 
385 // 点击后增加一个日期输入框的删除按钮
386 function del(id) { 
387 $("#div" + id).remove(); 
388 }
389 
390 // 根据id隐藏div
391 function hidenDiv(div) {
392     $("#" + div).hide();
393 }
394 // 根据id显示div
395 function showDiv(div) {
396     $("#" + div).show();
397 }
398 
399 // 线路发布第一步,修改线路发布时的用户身份
400 function chengeType(id) {
401     if(id=="siji"){
402         $("#isProvideCar").val("1");
403     }else if(id=="chengke"){
404         $("#isProvideCar").val("2");
405     }
406 }
407 
408 // 验证汉字,是汉字返回true,否则返回false
409 function isChinese(v){
410     var reg = /^[\u4e00-\u9fa5]+$/i;
411     if (!reg.test(v)){
412         alert("请输入中文"); 
413         return false;
414     }else{
415         return true;
416     }
417 }
418 
419 // 验证数字,是数字返回true,否则返回false
420 function isNumber(v){
421     if(isNaN(v)){
422         alert("必须是数字");
423         return false;
424     }
425     return true;
426 }
427 
428 // 验证手机号码
429 function checkMobile(v){
430     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})$/;
431     if(!reg.test(mobilePhone)) return false;
432       
433     return true;
434 }
435 
436 
437 
438 JQuery获取和设置Select选项
439 
440  
441 
442 获取Select :
443 
444  
445 
446  获取select 选中的 text :
447 
448    $("#ddlRegType").find("option:selected").text();
449 
450  获取select选中的 value:
451 
452  
453 
454    $("#ddlRegType ").val();
455 
456  获取select选中的索引:
457 
458      $("#ddlRegType ").get(0).selectedIndex;
459 
460  
461 
462 设置select:
463 
464  
465 
466  设置select 选中的索引:
467 
468      $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
469 
470   设置select 选中的value:
471 
472     $("#ddlRegType ").attr("value","Normal“);
473 
474     $("#ddlRegType ").val("Normal");
475 
476     $("#ddlRegType ").get(0).value = value;
477 
478   设置select 选中的text:
479 
480 var count=$("#ddlRegType option").length;
481 
482   for(var i=0;i<count;i++)  
483      {           if($("#ddlRegType ").get(0).options[i].text == text)  
484         {  
485             $("#ddlRegType ").get(0).options[i].selected = true;  
486          
487             break;  
488         }  
489     } 
490 
491  
492 
493 清空 Select:
494 
495 $("#ddlRegType ").empty();
496 
497 
498 实时监听js改变value,跨浏览器支持 
499 <table>
500          <tr>
501                      <td>此处值通过js设置:</td>
502                     <td><input id="jsUserName" type="text" name="jsUserName" readonly/></td>
503             </tr>
504             <tr>
505                         <td>此处输入值:</td>
506                          <td><input id="userName" type="text" name="userName"/></td>
507              </tr>
508 </table>
509 
510 Javascript代码
511 $(function()
512                 {
513                         var jsUserName = "";
514                         if($.browser.msie)        // IE浏览器
515                         {
516                                 $("#userName").get(0).onpropertychange = setJsUserName;
517                                 $("#jsUserName").get(0).onpropertychange = handle;
518                         }
519                         else        // 其他浏览器
520                         {
521                                 var intervalName;        // 定时器句柄
522                                 $("#userName").get(0).addEventListener("input",setJsUserName,false);
523                                 // 获得焦点时,启动定时器
524                                 $("#userName").focus(function(){
525                                         intervalName = setInterval(handle,1000);
526                                 });
527 
528                                 // 失去焦点时,清除定时器
529                                 $("#userName").blur(function()
530                                 {
531                                         clearInterval(intervalName);
532                                 });
533                         }
534                         // 设置jsUserName input的值
535                         function setJsUserName()
536                         {
537                                 $("#jsUserName").val($(this).val());
538                         }
539                         // jsUserName input的值改变时执行的函数
540                         function handle()
541                         {    
542                                 // IE浏览器此处判断没什么意义,但为了统一,且提取公共代码而这样处理。
543                                 if($("#jsUserName").val() != jsUserName)
544                                 {
545                                         $("#toolTip").remove();
546                                         $("#jsUserName").parent().append("<span id=‘toolTip‘>看到这里的信息表明,通过js改变input的值也能响应相应事件:<span    style=‘color:red;‘>" + $("#jsUserName").val() + "</span></span>");
547                                         jsUserName = $("#jsUserName").val();
548                                 }
549                         }
550 });
551 
552 
553 $("document").ready(function(){
554     /**
555      * 线路发布第一步,周期选择
556      * alpha at 2012-4-13 11:03:59
557      */
558     var work = $("#work");
559     var all = $("#all");
560 
561     // 全选
562     all.click(function(){
563         var btnAllText = $("#all").text();
564         if(btnAllText=="全选"){
565             $("#all").text("全取消");
566             for(var i=1;i<8;i++){
567                 $("#work"+i).attr("checked",‘true‘);
568             }
569         }else if(btnAllText=="全取消"){
570             $("#all").text("全选");
571             for(var i=1;i<8;i++){
572                 $("#work"+i).attr("checked",‘‘);
573             }
574         }
575     })
576 
577        // 工作日
578     work.click(function(){
579         var btnWorkText = $("#work").text();
580         if($("#work6").attr(‘checked‘)==true || $("#work7").attr(‘checked‘)==true){
581             $("#work6").attr("checked",‘‘);
582             $("#work7").attr("checked",‘‘);
583             return;
584         }
585         
586         if(btnWorkText=="工作日拼车"){
587             $("#work").text("工作日不拼车");
588             for(var i=1;i<6;i++)
589             {
590                 $("#work"+i).attr("checked",‘true‘);
591                 /*if($("#work"+i).attr(‘checked‘)==false){
592                     $("#work"+i).attr("checked",‘true‘);
593                 }else{
594                     $("#work"+i).attr("checked",‘‘);
595                 }*/
596             }
597         }else if(btnWorkText=="工作日不拼车"){
598             $("#work").text("工作日拼车");
599             for(var i=1;i<6;i++)
600             {
601                 $("#work"+i).attr("checked",‘‘);
602             }
603         }
604     })
605     var n=1;
606     // 点击后增加一个日期输入框,偶发拼车允许多个出发时间。
607     $("#addDateText").click(function(){
608         
609         if(n>4){
610             //alert("只允许添加4个");
611             pcw_alert("只允许添加4个",‘0‘);
612             return false;
613         }
614         n++;
615         // alert($("#lineDateM").attr("name"));
616         var name = $("#lineDateM").attr("name");
617         if(name==undefined){
618             name = $("#lineDate").attr("name");
619         }
620         //生成 0 到10 随机数 Mapth.random产生 0到1的随机数 然后乘以10 
621         var maxNumber = 1000; 
622         var randomNumber = Math.round(maxNumber * Math.random());
623         
624         var s = "<div id=‘div"+randomNumber+"‘><input class=‘set_pc_wftime‘ type=‘text‘ name=‘"+name+"‘ onclick=\"WdatePicker({dateFmt:‘yyyy-MM-dd‘, skin:‘whyGreen‘})\"/>"; 
625         s += "  <a href=‘javascript:void(0);‘ onclick=‘del(" + randomNumber + ");return false;‘><img src=‘images/jian.gif‘ /></a></div>"; 
626         var $mm = $(s); 
627         var $parent = $("#addText"); 
628         $parent.append($mm); 
629     })
630     
631     // 点击后增加一个输入框,拼车允许多个标签
632     $("#addLabel").click(function(){
633         if(n>4){
634             //alert("只允许添加4个");
635             pcw_alert("只允许添加4个",‘0‘);
636             return false;
637         }
638         n++;
639         //生成 0 到10 随机数 Mapth.random产生 0到1的随机数 然后乘以10 
640         var maxNumber = 1000; 
641         var randomNumber = Math.round(maxNumber * Math.random());
642         var s = "<div id=‘div"+randomNumber+"‘><input type=‘text‘ name=‘lineLableDescribe‘  maxlength=‘12‘/>"; 
643         s += "  <a href=‘javascript:void(0);‘ onclick=‘del(" + randomNumber + ");return false;‘><img src=‘images/jian.gif‘ /></a></div>"; 
644         var $mm = $(s); 
645         var $parent = $("#addTextLabel"); 
646         $parent.append($mm); 
647     })
648 })
649 
650 // 点击后增加一个日期输入框的删除按钮
651 function del(id) { 
652 $("#div" + id).remove(); 
653 }
654 
655 // 根据id隐藏div
656 function hidenDiv(div) {
657     $("#" + div).hide();
658 }
659 // 根据id显示div
660 function showDiv(div) {
661     $("#" + div).show();
662 }
663 
664 // 线路发布第一步,修改线路发布时的用户身份
665 function chengeType(id) {
666     if(id=="siji"){
667         $("#isProvideCar").val("1");
668     }else if(id=="chengke"){
669         $("#isProvideCar").val("2");
670     }
671 }
672 
673 // 验证汉字,是汉字返回true,否则返回false
674 function isChinese(v){
675     var reg = /^[\u4e00-\u9fa5]+$/i;
676     if (!reg.test(v)){
677         //alert("请输入中文"); 
678         pcw_alert("请输入中文",‘0‘);
679         return false;
680     }else{
681         return true;
682     }
683 }
684 
685 // 验证数字,是数字返回true,否则返回false
686 function isNumber(v){
687     if(isNaN(v)){
688         //alert("必须是数字");
689         pcw_alert("必须是数字",‘0‘);
690         return false;
691     }
692     return true;
693 }
694 
695 // 验证手机号码
696 function checkMobile(v){
697     var reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0256789][0-9]{8}|147[0-9]{8}$/g;
698     //var reg = /^1((3[4-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g; 
699     if(!reg.test(v)) return false;
700       
701     return true;
702 }
703 
704 //判断手机号码是否为空
705  function isMobileNull(evt){//暂时省去校验以环节,.valid()方法为validate.js中的方法,用于验证是否已经通过验证
706      var is_valid = true;
707      if(!$("#mobilePhone").val()){is_valid=false;}
708      if(!is_valid){
709          evt.preventDefault();
710      }else{
711          sendAuthenticode(evt.srcElement)
712      }
713  }
714 //验证手机
715  function sendAuthenticode(_this){
716      $.post("check_sendAuthenticode.html",{"userInfo.mobilePhone":$("#mobilePhone").val()},function(_result){
717     if(_result=="true"){
718         //alert("验证码发送成功");
719         pcw_alert("验证码发送成功",‘0‘);
720         $("#send_authenticode").unbind("click");
721          // $(_this).attr("disabled","true");
722          var index=61;
723          var interval_id = setInterval(function(){
724              var sss = "获取验证码" +( --index);
725              //alert($(_this).val());
726              $(_this).text(sss);
727              if(index==0){
728                  clearInterval(interval_id);
729                  $(_this).text("获取验证码");
730                  // $(_this).attr("disabled","false");
731                  $("#send_authenticode").bind("click",isMobileNull);
732              }
733          },1000);
734     }else{
735         //alert("验证码发送失败");
736         pcw_alert("验证码发送失败",‘0‘);
737         }
738     });
739  }
740  
741  
742 //在发送邮件前,确认邮箱非空 且 合法---提交前校验
743     function toSendEmail(){
744     var email =  $.trim($("#email").val());
745     if(email=="" ){
746          //alert("请输入邮箱号码");
747          $("#email").focus();
748          callBackEmail("false");
749          pcw_alert("请输入邮箱号码",‘0‘);
750          return false;
751      }else if(!checkEmail(email)) {
752            //alert("邮箱号码格式不对!");
753            callBackEmail("false");
754            pcw_alert("邮箱号码格式不正确!",‘0‘);
755            return false;
756         }
757     callBackEmail("true");
758      
759     }
760  
761  //发送邮箱验证码
762  function sendEmail(){
763      $.post("check_sendEmailcode.html",{"userInfo.email":$("#email").val()},function(_result){
764             if(_result!="false"){
765                 alert("验证码发送成功,请登录邮箱查看");
766                 $("#send_emailcode").unbind("click");
767                  // $(_this).attr("disabled","true");
768                  var index=61;
769                  var interval_id = setInterval(function(){
770                      var sss = "获取验证码" +( --index);
771                      //alert($(_this).val());
772                      $("#send_emailcode").text(sss);
773                      if(index==0){
774                          clearInterval(interval_id);
775                          $("#send_emailcode").text("获取验证码");
776                          // $(_this).attr("disabled","false");
777                          $("#send_emailcode").bind("click",sendEmail);
778                      }
779                  },1000);
780             }else{
781                 alert("验证码发送失败");
782                 }
783             });
784      
785  }
786  
787  function checkEmail(m){
788      var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
789         //var reg = /^1((3[4-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g; 
790         if(!reg.test(m)) return false;
791           
792         return true;
793  }
794  
795 // javascript 日期格式化
796 Date.prototype.format = function(format) //author: meizz 
797 { 
798   var o = { 
799     "M+" : this.getMonth()+1, //month 
800     "d+" : this.getDate(),    //day 
801     "h+" : this.getHours(),   //hour 
802     "m+" : this.getMinutes(), //minute 
803     "s+" : this.getSeconds(), //second 
804     "q+" : Math.floor((this.getMonth()+3)/3),  //quarter 
805     "S" : this.getMilliseconds() //millisecond 
806   } 
807   if(/(y+)/.test(format)) format=format.replace(RegExp.$1, 
808     (this.getFullYear()+"").substr(4 - RegExp.$1.length)); 
809   for(var k in o)if(new RegExp("("+ k +")").test(format)) 
810     format = format.replace(RegExp.$1, 
811       RegExp.$1.length==1 ? o[k] : 
812         ("00"+ o[k]).substr((""+ o[k]).length)); 
813   return format; 
814 } 
815 
816 //取得日期时间加几天字符串,返回YYYY-MM-DD HH:mm
817  function getDateTime(addDay)
818  {
819      var date = new Date();
820      
821      var thisYear = date.getFullYear();
822      var thisMonth = date.getMonth() + 1;
823      //如果月份长度是一位则前面补0
824      if(thisMonth<10) thisMonth = "0" + thisMonth;
825      
826      var thisDay = date.getDate();
827      //当前天数后几天
828      if(addDay>1) thisDay += addDay;
829      //如果天的长度是一位则前面补0
830      if(thisDay<10) thisDay = "0" + thisDay;
831  
832      var thisHour = date.getHours();
833      //如果小时长度是一位则前面补0
834      if(thisHour<10) thisHour = "0" + thisHour;
835      
836      var thisMinute = date.getMinutes();
837      //如果分钟长度是一位则前面补0
838      if(thisMinute<10) thisMinute = "0" + thisMinute;
839      
840      //var thisSecond = date.getSeconds();
841      //如果分钟长度是一位则前面补0
842      //if(thisSecond<10) thisSecond = "0" + thisSecond;
843      
844      return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute;
845      //return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute + ":" + thisSecond;
846  }
847  
848  //根据日期字符串,和加几天字符串,返回YYYY-MM-DD HH:mm
849  function getDateForStr(strDate,addDay)
850  {
851      var date = new Date(Date.parse(strDate.replace(/-/g,"/")));
852      
853      var thisYear = date.getFullYear();
854      var thisMonth = date.getMonth() + 1;
855      //如果月份长度是一位则前面补0
856      if(thisMonth<10) thisMonth = "0" + thisMonth;
857      
858      var thisDay = date.getDate();
859      //当前天数后几天
860      if(addDay>1) thisDay += addDay;
861      //如果天的长度是一位则前面补0
862      if(thisDay<10) thisDay = "0" + thisDay;
863  
864      var thisHour = date.getHours();
865      //如果小时长度是一位则前面补0
866      if(thisHour<10) thisHour = "0" + thisHour;
867      
868      var thisMinute = date.getMinutes();
869      //如果分钟长度是一位则前面补0
870      if(thisMinute<10) thisMinute = "0" + thisMinute;
871      
872      //var thisSecond = date.getSeconds();
873      //如果分钟长度是一位则前面补0
874      //if(thisSecond<10) thisSecond = "0" + thisSecond;
875      
876      return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute;
877      //return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute + ":" + thisSecond;
878  }

 

获取一组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 onkeyup="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" onclick="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+"‘ onclick=\"WdatePicker({dateFmt:‘yyyy-MM-dd‘, skin:‘whyGreen‘})\"/>";     s += "<input type=‘button‘ value=‘删除‘ onclick=‘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=‘删除‘ onclick=‘del(" + randomNumber + ")‘/></div>";     var $mm = $(s);     var $parent = $("#addTextLabel");     $parent.append($mm); })})
// 点击后增加一个日期输入框的删除按钮function del(id) { $("#div" + id).remove(); }
// 根据id隐藏divfunction hidenDiv(div) {$("#" + div).hide();}// 根据id显示divfunction showDiv(div) {$("#" + div).show();}
// 线路发布第一步,修改线路发布时的用户身份function chengeType(id) {if(id=="siji"){$("#isProvideCar").val("1");}else if(id=="chengke"){$("#isProvideCar").val("2");}}
// 验证汉字,是汉字返回true,否则返回falsefunction isChinese(v){var reg = /^[\u4e00-\u9fa5]+$/i;if (!reg.test(v)){alert("请输入中文"); return false;}else{return true;}}
// 验证数字,是数字返回true,否则返回falsefunction 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+"‘ onclick=\"WdatePicker({dateFmt:‘yyyy-MM-dd‘, skin:‘whyGreen‘})\"/>";     s += "  <a href=‘javascript:void(0);‘ onclick=‘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);‘ onclick=‘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隐藏divfunction hidenDiv(div) {$("#" + div).hide();}// 根据id显示divfunction showDiv(div) {$("#" + div).show();}
// 线路发布第一步,修改线路发布时的用户身份function chengeType(id) {if(id=="siji"){$("#isProvideCar").val("1");}else if(id=="chengke"){$("#isProvideCar").val("2");}}
// 验证汉字,是汉字返回true,否则返回falsefunction isChinese(v){var reg = /^[\u4e00-\u9fa5]+$/i;if (!reg.test(v)){//alert("请输入中文"); pcw_alert("请输入中文",‘0‘);return false;}else{return true;}}
// 验证数字,是数字返回true,否则返回falsefunction 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; }

常用的jquery

标签:

原文地址:http://www.cnblogs.com/yanaweb/p/5018554.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!