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. }  
 

}



 

 
posted @ 2015-09-16 09:36  夜空幻狼  阅读(8561)  评论(0编辑  收藏  举报