各js取值。
2015-11-16 14:46
525 查看
关于一些Input、radio、checkbox等的js取值写法。
from 表单 用户名、密码等的一些验证。
1、radio if($('[data-radio=qdmsh]').attr('checked')=='checked'){ $('[data-id=qdjg]').show('slow'); $('[data-id=ysjg]').show('slow'); } var is_top = $("input[name='is_top']:checked").val(); var zt = document.getElementsByName("is_top"); for(var i=0;i<zt.length;i++){ if(zt[i].checked) { alert(zt[i].value); } } alert(is_top); //radio的name为mode选中的长度或者value是什么。.val() if($('input[name="mode"]:checked').length <1){ tusi("请选择广告模式"); return false; } 1.1 select: var statre = $("#deal_state").find("option:selected").val(); 2、window的跳转、form的跳转: window.location.href="/index.php?s=/Advert/Adtask/s_user/id/"+data.id+".html"; setTimeout('window.location.href="{:U('Accinfo/recharge')}"',3000); $('.filter-box ul li select').on('change',function(){ document.getElementById('followForm').submit(); }); setTimeout('location.reload()',100); 3、选中多个值,组成字符串写法。 var idData = ''; $("input[name=checid]").each(function(e,obj) { if($(obj).is(':checked')){ idData += $(obj).val()+","; } }); var id = idData.substring(0,idData.length-1); var statre = $("#deal_state").find("option:selected").val(); var statre = $("input[name='deal_state']:checked").val(); var name = $("input[name='range']").val();
from 表单 用户名、密码等的一些验证。
<script> var type = $("#id").val(); var isNameTrue = true; if(document.getElementById("un")) { isNameTrue = false; document.getElementById("un").onfocus = function(){ isNameTrue = false; } document.getElementById("un").onblur = function(){ if(!type){ chkUserNo(this); } } } function chkUserNo(obj){ if("" == obj.value.Trim() ){ tusi("账号不能为空,请认真填写"); return false; } if(!checkUser(obj.value.Trim())){ tusi("不可用,请以字母、数字、下划线组成,字母开头,4-16位。"); return false; } $.ajax({ url: "/index.php?s=/Home/Ajax/ajax_checkUn.html",// 跳转到 action type: 'post', cache: false, async: false, /*true异步执行,false*/ data: {"un":obj.value.Trim()}, dataType: 'json', success:function(data) { if( -10 == data.State ) { tusi("此账号已被占用,请重新填写"); isNameTrue = false; }else{ isNameTrue = true; tusi("恭喜,此账号可以使用"); } return isNameTrue; }, error : function() { alert("系统错误!"); return false; } }); } function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; return re.test(str); } String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); } $(".fill-submit").click(function(){ var reg = /^[0-9a-zA-Z]+$/; var re = /^1\d{10}$/; //手机正则表达式 var pw = $("input[name='password']").val(); var pwTwo = $("#pwTwo").val(); var name = $("#name").val(); var mobile = $("#mobile").val(); if(!isNameTrue && !type){ return chkUserNo(document.getElementById("un")); } if(name == ''){ tusi('使用者不能为空'); return; } if(mobile == ''){ tusi('手机号码不能为空'); return; } /*else if(!re.test(mobile)){ tusi('手机号码格式不正确,请重新输入'); return; }*/ if(!type){ if(pw == '' || pwTwo == '' ){ tusi('密码或确认密码不能为空'); return; } if('' !== pw || '' !== pwTwo) { if(5 > pw.length){ tusi('密码至少大于等于6位'); return false; } if(!reg.test(pw)){ tusi('密码只能由数字和字母组成'); return; } if(pw != pwTwo){ tusi('两次密码不一致,请重新输入'); return; } } } document.getElementById("form1").submit(); }) </script>
相关文章推荐
- HTML带有JS的加载
- JavaScript修改和删除cookie
- week11---11月20日 JS基础(八)
- Javascript AMD模块化规范-备用
- Sublime Text插件:HTML+CSS+JAVASCRIPT+JSON快速格式化[转]
- JavaScript中对DOM节点的访问、创建、修改、删除
- 常用javascript表单验证汇总
- char.js
- javascript/js 原生动态引入外部css文件及动态插入css代码片段
- js判断鼠标滑轮滚动方向并根据滚动的方向触发不同的事件
- 用Javascript编写Chrome浏览器插件--(一)
- js 将json字符串转换为json对象的方法解析
- 使用Gson进行json数据转换(list to json 和json to list)
- JavaScript声明全局变量三种方式的异同
- js验证手机号输入是否符合规则
- JavaScript获取cookie
- JavaScript设置cookie
- CreateJs系列教程之 EaselJs_6_绘制动画走秀(spriteSheet)
- Javascript设计模式理论与实战:组合模式
- jsp+Servlet编程实现验证码的方法