常用的jquery
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 1: 135 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 2: 141 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; }