zoukankan      html  css  js  c++  java
  • 一些常用的页面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>
  • 相关阅读:
    20150306+Linux安装+常用命令-01
    补充:javascript
    补充:数组循环与思路
    补充:控制语句
    DOM操作的概念
    什么是数组?
    补充:MySQL整理
    MySQL数据查询
    补充:MySQL经典45道题型
    表单 form:标签、类型、注意事项
  • 原文地址:https://www.cnblogs.com/colmeluna/p/3615532.html
Copyright © 2011-2022 走看看