1.需求:checkbox复选框有多个,选择其中某几个,保存到数据库中,当加载的时候,需要将原已选择的数据checked到复选框中。以下是用jquery实现。
// 从隐藏的表单域中获取后台赋值的字符串数据转换为JS数组,如:100,111,222
var arr = $("#pro").val().split(",");
// 已checkbox为例子所做的操作。根据name获取所有checkbox对象,循环迭代
$('input[name="check_box"]').each(function(){
// 使用isArray函数判断是否包含在数组中,如果不包含则返回 -1,否则返回元素所在的下标
// 第一个参数为当前checkbox的值,第二个参数为上面定义的数组的值
if($.isArray(this.value, arr)){
// 通过jquery给checkbox设置为选中
$(this).attr("checked", true);
}
});
2.常用JS表达式校验:
1).登陆用户名校验:
用户名长度不超过16位,只能由英文、数字及“_”、“@”、”.”组成"
var loginPattern=/^[a-zA-Z0-9_.@]{0,16}$/;
if(!loginPattern.test(login)) {
$('#errorInfo_login').css("display","block");
$('#errorInfo_login').html("用户名长度不超过16位,只能由英文、数字及“_”、“@”、”.”组成");
$('#login').css("borderColor","red");
return false;
}
2).登陆密码校验:
校验密码,6-16位字符,可使用字母、数字或符号的组合:
var pattern=/^[\x00-\xff]{6,16}$/;
if(!pattern.test(password)) {
$('#errorInfo_password').css("display","block");
$('#errorInfo_password').html("6-16位字符,可使用字母、数字或符号的组合");
$('#password').css("borderColor","red");
return false;
}
3).姓名必须为中文校验:
var patrn = /[\u4E00-\u9FA5]/;
if (!patrn.test(salesmanName)) {
}
4).手机号码格式校验:
var patrn = /^\d+$/;
if (!patrn.test(mobile)) {
}
3.时间倒计时函数
function TimeTo(dd){
var t = new Date(dd),//取得指定时间的总毫秒数
n = new Date().getTime(),//取得当前毫秒数
c = t - n;//得到时间差
//如果差小于等于0 也就是过期或者正好过期,则推出程序
if(c <= 0){
document.getElementById('timer').innerHTML ='活动已经结束';
clearInterval(window['ttt']);//清除计时器
return;//结束执行
}
var ds = 60*60*24*1000,//一天共多少毫秒
d = parseInt(c/ds),//总毫秒除以一天的毫秒 得到相差的天数
h = parseInt((c-d*ds)/(3600*1000)),//然后取完天数之后的余下的毫秒数再除以每小时的毫秒数得到小时
m = parseInt((c - d*ds - h*3600*1000)/(60*1000)),//减去天数和小时数的毫秒数剩下的毫秒,再除以每分钟的毫秒数,得到分钟数
s = parseInt((c-d*ds-h*3600*1000-m*60*1000)/1000);//得到最后剩下的毫秒数除以1000 就是秒数,再剩下的毫秒自动忽略即可
document.getElementById('timer').innerHTML = '<p style="margin-top:5px;"> '+d+' 天 '+h+' 小时 '+m+' 分 '+s+' 秒</p>';//最后这句讲定义好的显示 更新到 ID为 timer的 div中
}
(function(){
window['ttt']=setInterval(function(){
//定义倒计时的结束时间,注意格式
TimeTo('${time}');
},1000);//定义计时器,每隔1000毫秒 也就是1秒 计算并更新 div的显示
})();
4.文本域限制输入字符长度
$("textarea[maxlength]").bind('input propertychange', function() {
var maxLength = $(this).attr('maxlength');
if ($(this).val().length > maxLength) {
$(this).val($(this).val().substring(0, maxLength));
}
})
分享到:
相关推荐
小例子,用js来操作页面元素,例如 表格等等,用到了jquery,和html等等。。。
js ajax 表单上传 php等页面常用操作,一般开发常见的写法,总结出来,适合新手和熟悉。 比如:file控件美化 js 对话框,警告框,提示框操作 数组操作 文件上传操作 文件操作 字符串操作 等。
JS变灰页面显示遮罩层登录窗口,使页面无法操作 JS变灰页面显示遮罩层登录窗口,使页面无法操作
js中子页面调用父页面ID,对父页面操作
window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如:想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val...
js 特效 html 特效 鼠标操作页面滚动 js 特效 html 特效 鼠标操作页面滚动
Javascript元素位置、大小、鼠标定位操作
NULL 博文链接:https://colbybobo.iteye.com/blog/1545923
javascript 判断用户有没有操作页面 用js判断用户有没有操作页面,我们所要做的就是整理我们的思路。 一、思路 用户有没有操作界面,我们可以从页面在规定时间内有没有触发事件去考虑。比如用户有没有点击,有没有...
JS页面跳转和js对iframe进行页面跳转、刷新
通过JavaScript的行为操作页面中的表单,是表格赋予功能化,方便前后端的数据交互;包含了html,js,两部分的配合;其中js部分,采用了switch多分支语句,双分支语句,以及js的选择器如何选择,利用函数来实现功能化,...
JS常用类库,js中常见的函数都在其中,获取URL,打开指定大小的页面,获取cookie等操作都有 使用:当要调用某一个函数:比如要调用checkBrowser()函数就可以用Sams_browse.checkBrowser();来调用;
js 对购物车内的商品的更删改查操作。 更新购物车中某一商品的数据,如果购物车中不存在则添加新值。 内部方法,必须在购物车操作中执行
操作系统试验(页面置换算法javascript版).用了jquery的简单方法,代码简单易懂。
在网页中,通过js来操作xml,并且加载到网页中去
DisableAllElements.js 把代码附加页面代码的最后,会禁用页面所有控件,具体细节可以自行修改。
JavaScript是一种扩展到HTML的脚本设计语言,它使网页开发者可以更有效地控制页面,并能对用户触发事件作出即时响应,诸如单击鼠标、表单操作等。这些都不需要客户机与服务器的交互通信,既为用户提供了更快速的操作...
主要介绍了JS实现在线统计一个页面内鼠标点击次数的方法,实例分析了javascript操作Cookie实现计数的技巧,需要的朋友可以参考下
js跨域操作页面素材 大家有对跨域操作有兴趣的可以下载试试完成!
常用的js验证代码,包含常用的js验证,和js对页面操作