一些常用的页面js收集
//正则表达式 验证整数格式
function checkInt(tint){
var re=/^[-]{0,1}[1-9]+[0-9]*]*$/; //判断字符串是否为数字
if (re.test(tint)){
return true;
}else if(tint==0){
if(tint.length>1){
return false;
}
return true;
}else{
return false;
}
}
用于验证大量输入框的内容。通过getElementByTagName input text获取页面元素 并循环,调用checkInt方法 一次判断 ,并返回错误填入项焦点。
function checkText(){
ObjInput=document.getElementsByTagName("input") ;
var flag = true;
for(i=0;i <ObjInput.length;i++){
if(ObjInput[i].type== "text")
{
if( checkInt(ObjInput[i].value)==false ){
flag = false;
document.getElementById(ObjInput[i].id).focus();
return flag ;
}
}
}
}
通过ajax 批量提交多个输入项, 后台获取若干字符串 用于分解 并赋值给后台。
function goRate2() {
if(checkText()==false)
{alert("请填写数字。");return false;}
var len1 = document.getElementsByName("p1");
var len2 = document.getElementsByName("p2");
var len3 = document.getElementsByName("p3");
var len4 = document.getElementsByName("p4");
var len5 = document.getElementsByName("p5");
var p1v="";
var p2v="";
var p3v="";
var p4v="";
var p5v="";
var tid1="";
var tvalue1="";
var tid2="";
var tvalue2="";
var tid3="";
var tvalue3="";
var tid4="";
var tvalue4="";
var tid5="";
var tvalue5="";
for (i = 0; i < len1.length; i++) {
if(len1!=null){
tid1=len1[i].id;
tvalue1=len1[i].value;
}
if(len2!=null){
tid2=len2[i].id;
tvalue2=len2[i].value;
}
if(len3!=null){
tid3=len3[i].id;
tvalue3=len3[i].value;
}
if(len4!=null){
tid4=len4[i].id;
tvalue4=len4[i].value;
}
if(len5!=null){
tid5=len5[i].id;
tvalue5=len5[i].value;
}
tvalue1=tvalue1.replace(/[ ]/g,""); //去掉空格
tvalue2=tvalue2.replace(/[ ]/g,"");
tvalue3=tvalue3.replace(/[ ]/g,"");
tvalue4=tvalue4.replace(/[ ]/g,"");
tvalue5=tvalue5.replace(/[ ]/g,"");
p1v+=tid1+"#"+tvalue1+",";
p2v+=tid2+"#"+tvalue2+",";
p3v+=tid3+"#"+tvalue3+",";
p4v+=tid4+"#"+tvalue4+",";
p5v+=tid5+"#"+tvalue5+",";
}
var reporttype=document.getElementById("reporttype").value;
var datetime=document.getElementById("datetime").value;
var unitid=document.getElementById("unitid").value;
var level=document.getElementById("level").value;
//alert(p4v);
var Options = {
type : "POST",
url : "rateAction!addRate.action",
data : {
p1value : p1v,
p2value : p2v,
p3value : p3v,
p4value : p4v,
p5value : p5v,
reporttype: reporttype,
level: level,
datetime: datetime,
unitid: unitid
},
contentType : "application/x-www-form-urlencoded; charset=utf-8",
dataType : "json",
success : function(data, textStatus) {
alert(data.msg);
},
error : function(x, e) {
alert(x.responseText);
}
};
$.ajax(Options);
}
回车事件绑定。
document.onkeydown = function(e){
if(!e) e = window.event;
if((e.keyCode || e.which) == 13){
var obtnSearch=document.getElementById("tjok")
obtnSearch.focus();
obtnSearch.click();
}
}
Form表单:
<form method="post" id="myform" action="a.php">
<input type="test" value="name"/>
</form> <a href="javascript:validate()">提交</a> javascript 代码:
<script type="text/javascript">
function validate(){
document.getElementByIdx_x('myform').submit();
}
</script>
一些常用的页面js收集的更多相关文章
- 最常用的PHP正则表达式收集整理
最常用的PHP正则表达式收集整理 提交 我的评论 加载中 已评论 最常用的PHP正则表达式收集整理 2015-03-20 PHP100中文网 PHP100中文网 PHP100中文网 微信号 功能介绍 ...
- 通过easyui tab添加的子页面JS脚本必须放在body才生效
通过easyui tab添加的子页面JS脚本必须放在body才生效 可通过Chrome查看元素时,head标签是否含有你自己写的JS代码
- AngularJS常用插件与指令收集
angularjs 组件列表 bindonce UI-Router Angular Tree angular-ngSanitize模块-$sanitize服务详解 使用 AngularJS 开发一个大 ...
- 我自己的Javascript 库,封装了一些常用函数 Kingwell.js
我自己的Javascript 库,封装了一些常用函数 Kingwell.js 博客分类: Javascript javascript 库javascript库 现在Javascript库海量,流行的 ...
- jquery mobile页面跳转后,必须重新刷新页面js方可有效
最近在做个项目,用到jquery mobile,很陌生对他,问题一个个的来,那就要一个个解决,找了一天这个问题,放可明白:首先明白jqm里面页面跳转默认都是通过ajax请求的,必须重新刷新页面js方可 ...
- jquery load加载页面内ajax返回的div不能响应页面js的问题的解决方案
1. 前言 由于项目需要,需要load一个页面并保持ajax返回的div能响应其页面内的JS的click事件.这个不是 解决用jquery load加载页面到div时,不执行页面js的问题 这类问题, ...
- Chrome浏览器清除页面js文件缓存的方法
Chrome浏览器清除页面js文件缓存 Chrome浏览器清除js缓存方法虽然简单,但有些人还是不太会,有些人会去设置里面清除有时候没有用,这里写一下简单步骤,使用一次以后就会了,而且速度更快 1.打 ...
- 两个页面js方法兼容
1. a.js页面 //Js获取Url参数 function request(paras) { var url = location.href; var paraString = url.substr ...
- 谷歌浏览器插件-html页面js事件查看器
谷歌浏览器插件-html页面js事件查看器 1.下载 下载地址:http://files.cnblogs.com/files/graceup/VisualEvent.zip 解压得到文件:Visual ...
随机推荐
- 文本聚类——Kmeans
上两篇文章分别用朴素贝叶斯算法和KNN算法对newgroup文本进行了分类測试.本文使用Kmeans算法对文本进行聚类. 1.文本预处理 文本预处理在前面两本文章中已经介绍,此处(略). 2.文本向量 ...
- Vue2.0 视频教程
好像是一套vue 开发webapp 课程.来自网络. url:https://pan.baidu.com/s/1jIele9w password:b404 文章来源:刘俊涛的博客 地址:http:// ...
- Odoo MRP 实际成本
Odoo MRP 8 对于 产成品并不支持 实际成本记账 本人开发了一个模块,支持此特性, 可以在 淘宝店铺 购买 https://item.taobao.com/item.htm?_u=85jr9d ...
- 利用display属性写出表格的布局样式
demo地址:http://codepen.io/tianzi77/pen/gpBzjy 元素结构: <h1>display构造的table小样例,IE8及下面浏览器不支持本演示样例< ...
- iterm2 配色
http://blog.csdn.net/sanwuhai/article/details/48729561
- python(19)- 列表生成式和生成器表达式练习Ⅰ
列表表达式 程序一: 常规写法: egg_list=[] for i in range(100): egg_list.append('egg%s' %i) print(egg_list) 列表表达式写 ...
- 零基础学python-3.1 python基本规则和语句
1."#"凝视的開始 #凝视的东西 print("welcome") 2."\n"换行符 watermark/2/text/aHR0cDov ...
- shell脚本分析mysql慢查询日志(slow log)
使用percona公司的pt-query-digest分析慢查询日志.分析.统计的结果的比較清晰 #!/bin/sh slowlog_path=/root/slow_query_log everysl ...
- Laravel建站02--配置Laravel
Laravel项目的根目录下有.env文件,如果没有可以把.env.example改名为.env 这个文件是配置文件,可以把app_key.数据库.redis缓存等配置信息写在这个文件里. 目前5.4 ...
- Java内部类之间的闭包和回调详解
前言 闭包(closure)是一个可调用的对象,它记录了一些信息,这些信息来自于创建它的作用域.通过这个定义,可以看出内部类是面向对象的闭包,因为它不仅包含外围类对象(创建内部类的作用域)的信息,还自 ...