document.forms用法


1、FF中不能接受document.forms("formname")的使用,ie中可以

        最好改成document.forms["formname"]的下標用法

2、FF中不能接受document.all的用法,document.all是在ie中定義的用法

        最好改成document.getElementById

3、FF中不能直接使用div的id獲取div的屬性,如divId.style.display等

        應一致改成document.getElementById("divId").style.display


JavaScript的一些用法總結:

如下的用法需要在JSP中增加屬性onclick. 以全選為例,onclick="javascript:allselect()"//javascript可以省略

或者將function allselect()用document.getElementById("allselectbox").onclick = function();

全選:

 

Js代碼   收藏代碼
  1. fuction allselect(){  
  2. var form = document.forms[0];  
  3. var state = form.allselectbox.checked;  
  4. var length = form.username.length;  
  5. if(length){  
  6. for(var i=0;i<length;i++){  
  7.    form.usernames[i].checked=state;  
  8. }  
  9. }else form.username.check = state;  
  10. }  
 

全選的另一種寫法:

 

Js代碼   收藏代碼
  1. function allSelect(){  
  2. var items = document.getElementsByName("usernames");  
  3. var state = document.getElementsByName("allselectbox")[0].checked;  
  4. if(items.length){  
  5.    for(var i = 0; i < items.length; i++){  
  6.     items[i].checked = state;  
  7.    }  
  8. }else{  
  9.    items.checked = state;  
  10. }  
  11. }  
 

單項選擇:

Js代碼   收藏代碼
  1. fuction selectitem(){  
  2. var form = document.forms[0];  
  3. var length = form.username.length;  
  4. if(length){  
  5. for(var i=0;i<length;i++){  
  6.    if(form.usernames[i].checked) return true;  
  7. }  
  8. }else return form.usernames.check;  
  9. }  
 

轉到其他頁面:

 

Js代碼   收藏代碼
  1. function topage(page){  
  2. var form = document.forms[0]  
  3. form.page.value = page;  
  4. form.submit;  
  5. }  
 

取單選框的值Radio:

Js代碼   收藏代碼
  1. function getradiovalue(objradio){  
  2. var result = "";  
  3. try{  
  4.    if(typeof(objradio.value)=="undefined"){  
  5.     for(var i=0;i<objradio.length;i++){  
  6.      if(objradio[i].checked){  
  7.       return objradio[i].value;  
  8.      }  
  9.     }  
  10.    }else{  
  11.     if(objradio.checked) result = objradio.value;  
  12.    }  
  13. }catch(e){result = "";}  
  14. return result;  
  15. }  
  16. email驗證:  
  17. function isValidEmail(inEmail){  
  18. var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;  
  19. return filter.test(inEmail);  
  20. }  
 

檢驗手機格式:

 

Js代碼   收藏代碼
  1. function validateMobile(){  
  2. var form = document.forms[0];  
  3. if(form.mobile.value!=""){  
  4.     var num = /^1[35]\d{9}$/  
  5.    if(!num.test(form.mobile.value)){  
  6.     alert("收貨人的手機號格式不正確");  
  7.     return false;  
  8.    }  
  9.    alert("正確");  
  10. }  
 

}



 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM