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-.][email protected][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][email protected]([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-.][email protected][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][email protected]([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; }