js + jQuery + html 常用操作【持续积累】

JS

8.form表单清空

最近清空form表单出现一个问题,找了好半天原因,于是乎发现以下问题

使用的js方法

 

$("#formId)[0].reset();
$("#fromId).clear();

调试发现这两种都不能清空隐藏的控件value值,写法如下

 

 

<input type="hidden" id="inputId" name="inputId" />

最后度娘告诉我应该这样写

 

 

//意思就是找到input里id为FormId的控件,
//.not是不包括的东西:input元素type为button、submit、reset排除,
//还可以排除hidden,这里需要清空hidden,就不排除了
$(':input','#formId')
	.not(':button, :submit, :reset')
	.val('')
//再加上选择框和下拉框的清空就基本完美了 .removeAttr('checked') .removeAttr('selected');

 

 

 

 

7.js获得页面跳转时的?问号传参

 

alert(${param.eapType})

字符串会加引号

 

6.js中与find差不多功能的>灵活运用

style中使用>表示class为main下面的div样式

 

.main>div{
	width : 296px;
	height : 196px;
	float : left;
	border: 2px solid #0652b2;
	cursor:pointer;
}

 

js中表示main下面的div,指的的main class下面所有的div

 

	$(".main>div").click(function(){
		var path = $(this).attr("path");
		if(path){			
			window.location.href = path;
		}
	});

 

 

 

 

 

 

5.js定时任务

 

	setInterval(function(){
		$("#main-con-top-time").html(formatDate(new Date(),"yyyy-MM-dd HH:mm:ss"));
	},1000);

每隔1秒执行一下操作

 

 

 

 

 

 

4.判断身份证号是否合法

 

先判断平年闰年,再使用不同的正则表达式
function regTest (card) {
    var year = parseInt(card.substring(6,10));
    var rn;
    var reg;
    if(((year%400==0) || (year%100!=0) ) && (year%4==0)){
        //闰年
        reg = /^\d{6}(18|19|20)?\d{2}((0[1]|0[3-9]|1[012])(0[1-9]|[1-2][0-9]|3[01]))|((02)(0[1-9]|1[0-9]|2[0-9]))\d{3}(\d|Xx)$/;
        rn = "闰年";
    }else{
        //平年
        reg = /^\d{6}(18|19|20)?\d{2}((0[1]|0[3-9]|1[012])(0[1-9]|[1-2][0-9]|3[01]))|((02)(0[1-9]|1[0-9]|2[0-8]))\d{3}(\d|Xx)$/;
        rn = "平年";
    }
    var result = reg.test(card);
    alert(rn + "    是否合法:" + result);
    return result;
}

 

 

 

 

 

 

3. input 输入框正则判断只能输入数字,否则替换

 

<input onchange="getGrades()" class="input-table" type="text" title="只能填写数字" onKeyUp="value=value.replace(/\D/g,'')" />

 

<input οnchange="getGrades()" class="input-table" type="text" title="只能填写数字" onKeyUp="value=value.replace(/\D/g,'')" />

onKeyUp="value=value.replace(/\D/g,'')"

这里把非数字的所有东东替换成空,\D表示匹配一个非数字字符

查看更多正则表达式

 

 

 

2.监听键盘点击事件(登录用)【兼容性】

首先在body里面加个案件监听时间

 

<body onkeydown="keyLogin();">

//键盘点击监控
function keyLogin(e){
//兼容ie,谷歌,火狐
var theEvent = window.event || arguments.callee.caller.arguments[0];
var code = theEvent.keyCode;
//如果是点击回车键
if(code==13){
//执行事件
$("#submitBtn").click();
}
}

 

 

 

 

 

 

1.font 常用颜色

 

<font color="#FF0000">红色文字</font>

 

 

 

 

 

http://www.w3school.com.cn/cssref/css_colorsfull.asp

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值