一些常用的页面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 ...
随机推荐
- 【Tensorflow】tf.argmax函数
tf.argmax(input, axis=None, name=None, dimension=None) 此函数是对矩阵按行或列计算最大值 参数 input:输入Tensor axis:0表示 ...
- C++ 用libcurl库进行http通讯网络编程 【转】
http://www.cnblogs.com/moodlxs/archive/2012/10/15/2724318.html C++ 用libcurl库进行http通讯网络编程 目录索引: 一.Lib ...
- 只列出所有监听 UNIX 端口 netstat -lx
只列出所有监听 UNIX 端口 netstat -lx
- spring security开发步骤
1.web.xml中加载spring ,spring security 2.spring security配置文件中配置好.... 3.自己写一个myFilter代替原有的FilterSecurity ...
- vue-router钩子beforeRouteEnter函数获取到this实例
官方文档: const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 ...
- 学会读懂 MySql 的慢查询日志
在前边的博客<何时.怎样开启 MySql 日志?>中,我们了解到了怎样启用 MySql 的慢查询日志. 今天我们来看一下怎样去读懂这些慢查询日志.在跟踪慢查询日志之前.首先你得保证最少发生 ...
- Java基础:抽象类和接口
转载请注明出处:jiq•钦's technical Blog 一.引言 基于面向对象五大原则中的以下两个原则,我们应该多考虑使用接口和抽象类: 里氏替换原则:子类能够通过实现父类接口来替换父类,所以父 ...
- C语言-二维背包问题
二维费用背包问题 问题: 二维费用的背包问题是指:对于每件物品,具有两种不同的费用:选择这件物品必须同时付出这两种代价:对于每种代价都有 一个可付出的最大值(背包容量).问怎样选择物品可以得到最大的价 ...
- Python操作MySQL:pymysql和SQLAlchemy
本篇对于Python操作MySQL主要使用两种方式: 原生模块 pymsql ORM框架 SQLAchemy pymsql pymsql是Python中操作MySQL的模块,其使用方法和MySQLdb ...
- 服务管理-tomcat
Tomcat是Apache软件基金会的Jakarta项目中的一个核心项目,由Apache,Sun和其他一些公司及个人共同开发而成.由于有了Sun的参与和支持,最新的Servlet和JSP规范总是能在T ...