常用知识

1.Jqery:

    function convertOperate(col,id,state){

           //alert('test');

           var  num=new Array("0","1","3");

           var  msg=new Array("草稿","待审核","审核不通过");

           for(var i=0;i<num.length;i++){

              //alert(num[i]+'<----->'+state);

              if(num[i]==state){

                  $("#div_").show();                      ---->注意

              }

           }

           return col['operate'];

       }

      

       function convertState(col){

           var  num=new Array("0","1","2","3","4");

           var  msg=new Array("草稿","待审核","审核通过","审核不通过","已作废");

           for(var i=0;i<num.length;i++){

              if(num[i]==col['status'])

                  col['status']=msg[i];

           }

           return col;

       }

显示列就用col

2.循环遍历select:

var selectObj = $("#invtrades option");

       for(var i=0;i<selectObj.length;i++)

       {

           if(selectTrades==selectObj.get(i).value)

           {

              selectObj.get(i).selected=true;

           }

       }

3.手机正则表达式:

if(mobilePhone!=null&&mobilePhone!=""){

           var reg=/^(/d{2,3}-)?1[3|5|8]/d{9}?$/;

           if(!reg.test(mobilePhone)){ ------}注意:和Java不一样reg.matcher(reg)

              alert("请输入手机号码!");

              return validator;

           }

function selectMenu(menuid,subtitleid,submenuid)

{

    var menuId = "#leftMenu";

    $(menuId).find("dd").hide();

    $(menuId).find("dt").removeClass("selected");

    var menuObj = document.getElementById(menuid);

    var ddObj = menuObj.getElementsByTagName("dd");

    ddObj[0].style.display ="block";

    for(i=0;i<ddObj.length;i++)

    {

       ddObj[i].style.display = "";             

    }

    document.getElementById(subtitleid).className="selected";

    document.getElementById(submenuid).className ="focus";

   

}

1. 把提示信息放到input的后面

$("#historyFinance").after("<span class='error_info' style='color:red;'>请输入历史财务数据!</span>");

2.Jquery聚焦:$("#marketAnalysis").focus();

 

3.jquery单项绑定:(eval)

for(var i=0;i<props.length;i++){

       var propValue=eval("invFund."+props[i]); 

       $("#"+props[i]+"").html(propValue);          

   }

4. value+=("<li><a target='_blank' onClick=/"callSid('hitService','"+proList[i].projectId+"')/" href='projectDetail.html?projectId="+proList[i].projectId+"'>"+proList[i].projectTitle+"</a></li>");

5.map用法:
原数组中大于 0 的元素加 1 ,否则删除。
$.map( [0,1,2], function(n){
  return n > 0 ? n + 1 : null;
});
6<a href="javascript:getOperater('${appId}','${keyWords}' );"

7. var updateToDate = getCalendarValue("toDate");
var txtType1 = $("#appType1 option:selected").text();

8:截取字符串:

if(obj.title.length > 10)

{

    obj.title = obj.title.substring(0,20);

    obj.title += "...";

}

9.图片超链接:

//随机验证码

function refreshValidCode()

{

    var imgObj = document.getElementById("validCodeImg");

    var time = new Date().getTime();

    imgObj.src = "../../../getValidCodeServlet?time=" + time;

}

10.手机正则表达式

var email = /^/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*$/;

11.得到上传文件的输入框的值:

Var baPath=document.getElementById("div_certificateAttPath").previousSibling.value;

12.select进行遍历:

function getCertType(ret)

{

           var options = new Array();     

           options.push("<option value='all'> </option>");     

           for(var i=0;i<ret.length;i++)

  {

              options.push("<option value='" + ret[i].dataName + "'>" + ret[i].dataName  + "</option>");    

           }     

           $("#certificateType").html(options.join(""));

       }

13.判断是否是整数:if(!isInteger(amount.value)){

14. if(!(/^[-/+]?/d+$/.test(amount.value))){

           alert('充值金额只能是整数');

           return;

 

 

 

 

 

 

 

 

 

15.
//获取输入字符串的长度

function getLengthOfChar(char)

{

    var len = 0; 

    for (var i = 0; i < char.length; i++)

    { 

        if (char.charCodeAt(i)>127 || char.charCodeAt(i)==94)

        { 

            len += 2; 

        } else

        { 

            len ++; 

        } 

    } 

    return len;

}

 

16.
//验证输入密码字符的合法性

function funcPasswordValid(myPassword)

{

    for (var i = 0; i < myPassword.length; i++)

    { 

        if (!(myPassword.charCodeAt(i) <= 126 && myPassword.charCodeAt(i) >= 33))

        { 

            return false;

        }

    }

    return true;

}

17.
//隐藏div

function hideTabs()

{

    $("li[name='tdTab'][className != 'on']").each(

function()

{

        $('#'+this.childNodes[0].href.split("#")[1]).hide();

     }

);

}

 

18.//tabs 选择

function selectTab(o)

{

if("on" != o.className){

    $("li[name='tdTab']").each(function(){$(this).removeClass('on')

}

);

hideTabs();

       $(o).addClass('on');

       $('#'+o.childNodes[0].href.split("#")[1]).show() ;

    }

}

19.验证时候有特殊字符:

var re_title = /[-_/~!@#……/$%/^&/*/./(/)/[/]/{/}<>/?/////'/"]/;

   if(re_title.test($("#msgTitle").val())){

        $("#msgTitle").next("span").next("span").css("color","red");

        $("#msgTitle").focus();

        return true;

   }

20.Jquery用法:

$("#messageStatus").html(obj.msgStatus=="0"?"未阅读":"已阅读");

    $("#receiveDate").html(formatDate(new Date(obj.receiveDate), "yyyy-MM-dd HH:mm:ss"));  

21.对输入的字符做判断:

(1).<td><textarea  id="textContainer1" name="salutatory" cols="75" rows="10" onkeyup="checkMaxInput(this,100,'remLen');" onfocus="checkMaxInput(this,100,'remLen');" ></textarea>

           <div class="note">剩余字数(包括标点),不超过

              <span id="cl"><input readonly type=text name="remLen" id="remLen" value="100" style="border:0;backgroud:#fff;width:25px"/></span>个字符(中文算2个字符)

           </div>

           <span class="red" id="nocontent"></span>

        </td>

2)用Jquery对输入的文本框进行时刻校验:

function checkMaxInput(_this,maxleng,leftInforId) {

       var left=document.getElementById(leftInforId);

       var len=_this.value.replace(/[^/x00-/xff]/gi,'xx').length;

       var remainnum =parseInt(maxleng)-len;

       left.value = remainnum;

       if(remainnum < 0) {

           if(_this.value.length!=len) {

              if((len-_this.value.length)>(maxleng/2)) {

                  _this.value=_this.value.substring(0,maxleng/2);

              }

              else {

                  _this.value=_this.value.substring(0,maxleng-(len-_this.value.length));

              }

           }else{

              _this.value=_this.value.substring(0,maxleng);

           }

           left.value=0;

           return;

       }

    }

22.url传递值

window.location.href='audit.html?ids='+ids+'&type='+type;

window.open("viewSendMsg.html?msgId="+id);

23.Java中面向对象的查询:

if(dao.createCriteria(AppScore.class).add(Expression.eq("memberId", memberId)).add(Expression.eq("appId", appId)).list().isEmpty())

 

 

另一个经常碰到的任务是在没有被jQuery覆盖的DOM元素上call一些方法,想像一个在你用AJAX方式成功提交后的reset

$(document).ready(function() {
               // use this to reset a single form
               $("#reset").click(function() {
                               $("#form")[0].reset();
               });
});

24.img标签赋值:

imgsrc = "../../../images/1-star.gif ";

    $("img[id=imgs]").attr("src",imgsrc);

你可能感兴趣的:(JavaScript,jquery,function,正则表达式,Class,input)