JQuery 常用命令总结
下面介绍在jQuery中设置form表单中action的值的方法。
$("#myFormId").attr("action", "userinfo.shtml");
【注意】：$("#myFormId").action="XXX"; 这种写法是不起作用的! jQuery中设置form表单中action值的方法
判断复选框是否选择，选择后设置文本框不可用
$("#longDate").click(function(){
var checkedObj = $('input:checkbox[name="longDate"]:checked').val();
if("1"==checkedObj){
alert(1);
$('#lineLimitStartDate').attr('disabled','disabled');
$('#lineLimitStartDate').attr('disabled','disabled');
}
});
下面介绍在jQuery中设置form表单中action的值的方法。
单选按钮选中
$("input[type=radio]").get(3).checked = true;//设置value=3的项目为当前选中项
在这里直接给出 jQuery 获取 radio 选中后的文本的方法，如下：
$("input[name='sex']:checked")[0].nextSibling.nodeValue
/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[id=linkId]:checked').val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
var cityName = $("select[name=fromCityCode]").find("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()；//清空下拉框
单选框：
<label><input type="radio" name="radio" id="radio1" value="1" /> 25岁以下</label>
<label><input type="radio" name="radio" id="radio2" value="2" /> 25~35岁</label>
<label><input type="radio" name="radio" id="radio3" value="3" /> 35~50岁</label>
<label><input type="radio" name="radio" id="radio4" value="4" /> 50岁以上</label>
获值
var question1 = $('input:radio[name="radio"]:checked').val();
alter(question1);
复选框：
<label><input type="radio" name="radio2" id="radio21" value="1" /> 私募股权（PE）</label>
<label><input type="radio" name="radio2" id="radio22" value="2" /> 基金</label>
<label><input type="radio" name="radio2" id="radio23" value="3" /> 信托</label>
<label><input type="radio" name="radio2" id="radio24" value="4" /> 其他</label>
获值
var checkedObj = $('input:checkbox[name="checkbox"]:checked'); //获取当前checked的value值 如果选中多个则循环
checkedObj.each(function() { var isCheck = this.value; question3 += isCheck; });
jQuery 获取 radio 选中后的文字
首先，他给出的 HTML 示例如下：
<input type="radio" id="male" name="sex" value="1" />男
<input type="radio" id="female" name="sex" value="2" />女
在这里直接给出 jQuery 获取 radio 选中后的文本的方法，如下：
$("input[name='sex']:checked")[0].nextSibling.nodeValue
方法将 jQuery 对象转换为 DOM 对象后，再使用原生的 javascript 方法获取文本。在我回复朋友前，他通过在 radio 后添加 span 标记来解决这个问题：
<input type="radio" id="male" name="sex" value="1" /><span>男</span>
接来下获取时使用 next() 选择器，如下：
$("input[name='sex']:checked").next("span").text()
问题看似到这里就结束了，其实不然，这并不是好的用户体验。好的做法应该为 radio 添加 for 标记，这样在点击 radio 文本"男"或"女"的时候也能选中 radio，这比让用户点击一个小圆圈容易多了。所以最好的 HTML 标记应该如下：
<input type="radio" id="male" name="sex" value="1" />
<label for="male">男</label>
<input type="radio" id="female" name="sex" value="2" />
<label for="female">女</label>
最后获取 radio 选中后的文本我相信你已经会了，如下：
$("input[name='sex']:checked").next("label").text()
这样使用 jQuery 成功获取了 radio 选中后的文本，这里主要是指最后一个方法。本篇内容虽然简单，但着重说明了一个道理——细节决定成败！
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(){
/**
* 线路发布第一步，周期选择
* YDF 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隐藏div
function hidenDiv(div) {
$("#" + div).hide();
}
// 根据id显示div
function showDiv(div) {
$("#" + div).show();
}
// 线路发布第一步，修改线路发布时的用户身份
function chengeType(id) {
if(id=="siji"){
$("#isProvideCar").val("1");
}else if(id=="chengke"){
$("#isProvideCar").val("2");
}
}
// 验证汉字，是汉字返回true，否则返回false
function isChinese(v){
var reg = /^[\u4e00-\u9fa5]+$/i;
if (!reg.test(v)){
alert("请输入中文");
return false;
}else{
return true;
}
}
// 验证数字，是数字返回true，否则返回false
function isNumber(v){
if(isNaN(v)){
alert("必须是数字");
return false;
}
return true;
}
// 验证手机号码
function checkMobile(v){
var reg = /^(?:13d|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|4|5|6|7|8|9])-?d{5}(d{3}|*{3})$/;
if(!reg.test(mobilePhone)) return false;
return true;
}
JQuery获取和设置Select选项
获取Select ：
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();
获取select选中的 value:
$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
设置select 选中的索引：
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value：
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
设置select 选中的text:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
清空 Select:
$("#ddlRegType ").empty();
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置
获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();
获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text();
获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();
select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;
select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");
radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);
radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});
单选组radio: $("input[type=radio][checked]").val();
下拉框select的value值: $('select').val();
下拉框select选中的text 值:$("select").find("option:selected").text();
控制表单元素:
文本框,文本区域:$("#txt").attr("value","); //清空内容
$("#txt").attr("value",'11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾
checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");
if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
单选组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获取Radio选择的Value值
代码
$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name='radio_name'][value='要选中Radio的Value值'").
attr("checked",true); //根据Value值设置Radio为选中状态
jQuery获取CheckBox选择的Value值
$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
jquery1.3.2
ISDARK : $("input[@type=radio][name=ISDARK][checked]").val()
$("input[name=radioname][value=radio值]").attr("checked","checked");
实时监听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(){
/**
* 线路发布第一步，周期选择
* YDF 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隐藏div
function hidenDiv(div) {
$("#" + div).hide();
}
// 根据id显示div
function showDiv(div) {
$("#" + div).show();
}
// 线路发布第一步，修改线路发布时的用户身份
function chengeType(id) {
if(id=="siji"){
$("#isProvideCar").val("1");
}else if(id=="chengke"){
$("#isProvideCar").val("2");
}
}
// 验证汉字，是汉字返回true，否则返回false
function isChinese(v){
var reg = /^[\u4e00-\u9fa5]+$/i;
if (!reg.test(v)){
//alert("请输入中文");
pcw_alert("请输入中文",'0');
return false;
}else{
return true;
}
}
// 验证数字，是数字返回true，否则返回false
function isNumber(v){
if(isNaN(v)){
//alert("必须是数字");
pcw_alert("必须是数字",'0');
return false;
}
return true;
}
// 验证手机号码
function checkMobile(v){
var reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0256789][0-9]{8}|147[0-9]{8}$/g;
//var reg = /^1((3[4-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g;
if(!reg.test(v)) return false;
return true;
}
//判断手机号码是否为空
function isMobileNull(evt){//暂时省去校验以环节，.valid()方法为validate.js中的方法，用于验证是否已经通过验证
var is_valid = true;
if(!$("#mobilePhone").val()){is_valid=false;}
if(!is_valid){
evt.preventDefault();
}else{
sendAuthenticode(evt.srcElement)
}
}
//验证手机
function sendAuthenticode(_this){
$.post("check_sendAuthenticode.html",{"userInfo.mobilePhone":$("#mobilePhone").val()},function(_result){
if(_result=="true"){
//alert("验证码发送成功");
pcw_alert("验证码发送成功",'0');
$("#send_authenticode").unbind("click");
// $(_this).attr("disabled","true");
var index=61;
var interval_id = setInterval(function(){
var sss = "获取验证码" +( --index);
//alert($(_this).val());
$(_this).text(sss);
if(index==0){
clearInterval(interval_id);
$(_this).text("获取验证码");
// $(_this).attr("disabled","false");
$("#send_authenticode").bind("click",isMobileNull);
}
},1000);
}else{
//alert("验证码发送失败");
pcw_alert("验证码发送失败",'0');
}
});
}
//在发送邮件前，确认邮箱非空 且 合法---提交前校验
function toSendEmail(){
var email = $.trim($("#email").val());
if(email=="" ){
//alert("请输入邮箱号码");
$("#email").focus();
callBackEmail("false");
pcw_alert("请输入邮箱号码",'0');
return false;
}else if(!checkEmail(email)) {
//alert("邮箱号码格式不对！");
callBackEmail("false");
pcw_alert("邮箱号码格式不正确！",'0');
return false;
}
callBackEmail("true");
}
//发送邮箱验证码
function sendEmail(){
$.post("check_sendEmailcode.html",{"userInfo.email":$("#email").val()},function(_result){
if(_result!="false"){
alert("验证码发送成功,请登录邮箱查看");
$("#send_emailcode").unbind("click");
// $(_this).attr("disabled","true");
var index=61;
var interval_id = setInterval(function(){
var sss = "获取验证码" +( --index);
//alert($(_this).val());
$("#send_emailcode").text(sss);
if(index==0){
clearInterval(interval_id);
$("#send_emailcode").text("获取验证码");
// $(_this).attr("disabled","false");
$("#send_emailcode").bind("click",sendEmail);
}
},1000);
}else{
alert("验证码发送失败");
}
});
}
function checkEmail(m){
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
//var reg = /^1((3[4-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g;
if(!reg.test(m)) return false;
return true;
}
// javascript 日期格式化
Date.prototype.format = function(format) //author: meizz
{
var o = {
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
(this.getFullYear()+"").substr(4 - RegExp.$1.length));
for(var k in o)if(new RegExp("("+ k +")").test(format))
format = format.replace(RegExp.$1,
RegExp.$1.length==1 ? o[k] :
("00"+ o[k]).substr((""+ o[k]).length));
return format;
}
//取得日期时间加几天字符串,返回YYYY-MM-DD HH:mm
function getDateTime(addDay)
{
var date = new Date();
var thisYear = date.getFullYear();
var thisMonth = date.getMonth() + 1;
//如果月份长度是一位则前面补0
if(thisMonth<10) thisMonth = "0" + thisMonth;
var thisDay = date.getDate();
//当前天数后几天
if(addDay>1) thisDay += addDay;
//如果天的长度是一位则前面补0
if(thisDay<10) thisDay = "0" + thisDay;
var thisHour = date.getHours();
//如果小时长度是一位则前面补0
if(thisHour<10) thisHour = "0" + thisHour;
var thisMinute = date.getMinutes();
//如果分钟长度是一位则前面补0
if(thisMinute<10) thisMinute = "0" + thisMinute;
//var thisSecond = date.getSeconds();
//如果分钟长度是一位则前面补0
//if(thisSecond<10) thisSecond = "0" + thisSecond;
return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute;
//return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute + ":" + thisSecond;
}
//根据日期字符串，和加几天字符串,返回YYYY-MM-DD HH:mm
function getDateForStr(strDate,addDay)
{
var date = new Date(Date.parse(strDate.replace(/-/g,"/")));
var thisYear = date.getFullYear();
var thisMonth = date.getMonth() + 1;
//如果月份长度是一位则前面补0
if(thisMonth<10) thisMonth = "0" + thisMonth;
var thisDay = date.getDate();
//当前天数后几天
if(addDay>1) thisDay += addDay;
//如果天的长度是一位则前面补0
if(thisDay<10) thisDay = "0" + thisDay;
var thisHour = date.getHours();
//如果小时长度是一位则前面补0
if(thisHour<10) thisHour = "0" + thisHour;
var thisMinute = date.getMinutes();
//如果分钟长度是一位则前面补0
if(thisMinute<10) thisMinute = "0" + thisMinute;
//var thisSecond = date.getSeconds();
//如果分钟长度是一位则前面补0
//if(thisSecond<10) thisSecond = "0" + thisSecond;
return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute;
//return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute + ":" + thisSecond;
}
JQuery 常用命令总结的更多相关文章
- Git 常用命令详解
Git 是一个很强大的分布式版本管理工具,它不但适用于管理大型开源软件的源代码(如:linux kernel),管理私人的文档和源代码也有很多优势(如:wsi-lgame-pro) Git 的更多介绍 ...
- Git 常用命令大全
Git常用操作命令: 1) 远程仓库相关命令 检出仓库:$ git clone git://github.com/jquery/jquery.git 查看远程仓库:$ git remote -v 添加 ...
- Git 常用命令2
Git 常用命令 Git 是一个很强大的分布式版本控制系统.它不但适用于管理大型开源软件的源代码,管理私人的文档和源代码也有很多优势. Git常用操作命令: 1) 远程仓库相关命令 检出仓库:$ gi ...
- Git 常用命令详解（二）
Git 是一个很强大的分布式版本管理工具,它不但适用于管理大型开源软件的源代码(如:linux kernel),管理私人的文档和源代码也有很多优势(如:wsi-lgame-pro) Git 的更多介绍 ...
- 【转】 Git 常用命令详解（二）----不错
原文网址:http://blog.csdn.net/ithomer/article/details/7529022 Git 是一个很强大的分布式版本管理工具,它不但适用于管理大型开源软件的源代码(如: ...
- Git常用命令(转)
目前开发的新项目使用的版本控制工具基本用的都是Git,老项目用的还是Svn,网上Git资源也很多,多而杂.我整理了一份关于Git的学习资料,希望能帮助到正在学习Git的同学. 一. Git 命令初识 ...
- 转 Git 常用命令大全
一. Git 常用命令速查 git branch 查看本地所有分支 git status 查看当前状态 git commit 提交 git branch -a 查看所有的分支 git branch ...
- git使用常用命令
第一部分:个人整理部分(读<Git教程By廖雪峰.pdf>笔记) /* 配置全局参数 */git config --global user.name "username" ...
- git 常用命令(含删除文件)
git 常用命令(含删除文件) Git常用操作命令收集: 1) 远程仓库相关命令 检出仓库:$ git clone git://github.com/jquery/jquery.git 查看远程仓库: ...
随机推荐
- tensorflow model save and restore
TensorFlow 模型保存/载入 我们在上线使用一个算法模型的时候,首先必须将已经训练好的模型保存下来.tensorflow保存模型的方式与sklearn不太一样,sklearn很直接,一个skl ...
- ruby楼层排序问题
求教楼层排序问题 要求正确楼层排序为: B2,B1,1F,2F,3F...10F,11F 现有这13个无序的楼层 怎么排列成上面的格式? 求教 luikore 1楼 , 19小时前 1人喜欢 sort ...
- JS的可枚举性
在学习ES6的过程中,涉及到遍历方法时,提到过可枚举性,且多种遍历方法都与可枚举性相关.本章节,将总结这些遍历方法的可枚举性,并在必要的部分,给出对比实例. 一.设置属性的可枚举性 在上一文章 ...
- Day1:了解APICloud平台、理解APICloud应用设计思想、掌握平台使用流程。学习如何对一款APP进行需求分析、功能分解和架构设计等编码之前重要的准备工作
学习目标 总体上了解一下APICloud平台,重点介绍相关的学习资源,入门资料,常见的FAQ等 明确我们这七天要开发一个什么样的APP,明确功能需求,跟上每天的课程节奏,可以课前预习 梳理出对于一款A ...
- Vertica添加磁盘
本次实验环境是在虚拟机上 Vmware 12 操作系统是Centos 6.5 64位 1. 首先停止节点上的Vertica数据库,具体方法有很多 admintools -t stop_node -s ...
- 008.在C#中，显式接口VS隐式接口
原文http://www.codeproject.com/Articles/1000374/Explicit-Interface-VS-Implicit-Interface-in-Csharp (At ...
- 转载：SQL按照日、周、月、年统计数据的方法
转载源:http://www.jb51.net/article/42613.htm SQL按照日.周.月.季度.年统计数据的方法 方式一: --按日 select sum(consume),day([ ...
- [javaSE] 集合框架（ArrayList，LinkedList，Vector）
ArrayList特点:底层使用数组数据结构,查询速度快(使用脚标查),插入删除慢(索引要改变) LinkedList特点:底层使用链表数据结构,查询慢(需要一个一个去问),插入删除快 Vector特 ...
- 设置navigationbar透明度时的坑
1.需要设置导航条透明度时 UIImage *image = [UIImage imageNamed:@"bg_clear.png"]; //设置背景颜色 [nav2.na ...
- HTML5 number类型文本框step属性的验证机制——张鑫旭
我在下一盘很大的棋,本文只是其中的一个棋子. 需要提前知道的: 目前而言,对step雄起的浏览器为IE10+, Chrome以及Opera浏览器. 需要预先知道number类型input的一些基本知识 ...