`
小塔
  • 浏览: 21413 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

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();


全选:

 

 

fuction allselect(){
      var form = document.forms[0];
      var state = form.allselectbox.checked;
      var length = form.username.length;
      if(length){
            for(var i=0;i<length;i++){
                     form.usernames[i].checked=state;
            }
      }else{
           form.username.check = state;
      }
}
  

全选的另一种写法:

 

function allSelect(){
      var items = document.getElementsByName("usernames");
      var state = document.getElementsByName("allselectbox")[0].checked;
      if(items.length){
                for(var i = 0; i < items.length; i++){
                         items[i].checked = state;
                }
      }else{
               items.checked = state;
      }
}
 
  

单项选择:

 

fuction selectitem(){
     var form = document.forms[0];
     var length = form.username.length;
     if(length){
           for(var i=0;i<length;i++){
                 if(form.usernames[i].checked) return true;
           }
     }else{
        return form.usernames.check;
     }
}
  

转到其他页面,也可以实现分页的跳转:

 

function topage(page){
      var form = document.forms[0]
      form.page.value = page;
      form.submit;
}


// 加上下面代码通过action传递参数:


<html:form action="/control/product/type/list" method="post">
<html:hidden property="page"/>   //使用Struts便签
  // 或者写成
<input type="hidden" id="page" name="page" value="${pageIndex}"/>

 

取单选框的值Radio

 

function getradiovalue(objradio){  
var result = "";  
try{  
   if(typeof(objradio.value)=="undefined"){  
       for(var i=0;i<objradio.length;i++){  
          if(objradio[i].checked){  
            return objradio[i].value;  
      }  
    }  
   }else{  
        if(objradio.checked) result = objradio.value;  
   }  
 }catch(e){result = "";}  
    return result;  
}  

 
 

 

Email验证

 

email验证:  
function isValidEmail(inEmail){  
   var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;  
    return filter.test(inEmail);  
}  
 

检验手机格式:

 

function validateMobile(){
var form = document.forms[0];
if(form.mobile.value!=""){
    var num = /^1[35]\d{9}$/
   if(!num.test(form.mobile.value)){
    alert("收货人的手机号格式不正确");
    return false;
   }
   alert("正确");
}

 request.getParameter("action")

 

分享到:
评论

相关推荐

    document.forms[].submit()使用介绍

    当使用字符串来访问 `document.forms` 集合时,如 `document.forms['exportServlet']`,这里则是通过表单的 `name` 属性来进行引用。每个 `&lt;form&gt;` 元素可以有一个唯一的 `name` 属性,使得我们可以使用这个名称来...

    document.forms用法示例介绍

    下面将详细介绍 `document.forms` 的用法、示例以及相关的表单操作。 ### 1. `document.forms` 属性 `document.forms` 是一个动态的集合,任何时候对文档进行修改,例如添加或删除 `&lt;form&gt;` 元素,这个集合会自动...

    JavaScript中document.forms[0]与getElementByName区别

    本文将详细介绍document.forms[0]和getElementByName两种方法的区别和具体使用场景。 首先,document.forms[0]代表文档中第一个表单元素,是一个NodeList类型的数组。这个数组包含了页面上所有的form元素,如果页面...

    JS中关于document.all的详解

    document.forms("formname") // IE中使用 document.forms["formname"] // 标准方法 ``` 这里展示了两种获取表单的方式,第一种仅适用于IE浏览器,而第二种则是标准方法,兼容性更好。 ##### 示例2:修改元素样式 ``...

    JavaScript中document用法小结

    2. 通过集合长度获取表单个数:`document.forms.length`。 3. 通过索引获取指定表单:`document.forms[0]` 或 `document.forms[i]`。 4. 通过索引获取指定表单中的控件数:`document.forms[i].length`。 5. 通过索引...

    javasxript_document对象详解.txt

    - 示例代码:`console.log(document.forms.length);` - 访问特定表单元素。 - 示例代码:`var form = document.forms[0];` - 通过名称访问表单元素。 - 示例代码:`var formByName = document.forms["Myform"];` ...

    用 Javascript 验证表单(form)中的单选(radio)值

    比如在示例代码中,首先使用document.forms['testForm'].elements['radioTest']获取到了单选按钮组,然后调用getRadioValue函数进行验证。根据返回值是否为空字符串,开发者可以执行相应的逻辑处理。 此外,需要...

    JS的document_详细介绍及用法

    此外,`document`对象还有许多其他属性和方法,如`document.forms`用于访问表单,`document.images`用于访问图像,以及`document.getElementsByName()`和`getElementsByTagName()`方法用于按名称或标签名查找元素。...

    Document对象内容集合

    - **获取表单数量**:`document.forms.length`。 - **通过索引获取表单**:`document.forms[i]`。 - **操作表单中的元素**:可以通过`document.forms[i].elements`获取表单中的所有元素。 以上就是Document对象及其...

    JQuery document详解大全

    对于`document.forms`集合,你可以获取表单元素并操作它们,如获取表单的控件数、获取特定表单元素等。例如,`document.forms[0].elements`可以访问第一个表单中的所有输入元素。 在jQuery中,操作`document`对象...

    document对象内容集合.txt

    - **document.forms**: 访问页面上的所有表单元素。 - 可以通过索引或名称访问这些元素,并进一步操作它们的属性,如`src`、`value`等,来改变图像源或表单值。 ### 实践应用 了解和掌握DOM的属性和方法对于前端...

    常用js大全.pdf

    * 取得表单中的所有元素:`document.forms.length` * 创建文档元素:`document.createElement()` 和 `document.createTextNode()` * 得到元素的方法:`document.getElementById()` 事件处理 * 弹出提示信息:`...

    常用JAVAScript注解

    26. 获取所有表单的数量:document.forms.length 27. 设置表单中所有文本型的成员的值为空:var form = window.document.forms[0] for (var i = 0; i &lt; form.elements.length; i++) { if (form.elements.type == ...

    javascript 常见脚本属性

    例如,`document.forms[0]`是第一个表单,`document.forms[i].elements[j]`是表单中的第j个控件。 在JavaScript中,我们还可以通过name属性直接引用元素,如`document.Myform.myctrl`引用名为`myctrl`的表单控件。 ...

    javascript-document对象详解(下).zip

    还有`document.forms`属性,用于访问页面上的所有表单,以及`document.links`,它返回一个包含所有链接元素的集合。此外,`document.title`可读写文档的标题,而`document.URL`则返回当前页面的完整URL。 `document...

    网站构建基础

    `document.forms.length`返回表单的数量,`document.forms[i].elements.length`返回第i个表单中控件的数量,`document.forms[i].elements[j]`则是第i个表单中的第j个控件。 5. **images集合**:`document.images`...

Global site tag (gtag.js) - Google Analytics