您的位置:首页 > Web前端 > JavaScript

一些常用的页面js收集

2014-03-21 11:52 483 查看
//正则表达式 验证整数格式
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: