`

document.forms用法

    博客分类:
  • js
js 
阅读更多

 

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

取单选框的值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验证:
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用法示例介绍

    了解`document.forms`的用法对于前端开发者来说至关重要,因为表单是网页中收集用户信息、实现交互的重要工具。通过这个属性,我们可以方便地操作表单,实现验证、提交、重置等复杂功能。在实际开发中,还可以结合...

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

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

    JS中关于document.all的详解

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

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

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

    JavaScript中document用法小结

    JavaScript 中 document 对象用法小结 JavaScript 中的 document 对象是一个非常重要的对象,它提供了大量的属性和方法来操作 HTML 文档。下面是对 document 对象的一些常用属性和方法的总结。 属性 1. `document...

    JS的document_详细介绍及用法

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

    javascript document 对象的用法大全

    ### JavaScript Document 对象详解 #### 一、Document 对象简介 在Web开发中,`document`对象是浏览器提供的一种能够操作HTML文档的方式。...掌握这些API的使用方法对于提高Web开发效率具有重要意义。

    JQuery document详解大全

    在jQuery中,操作`document`对象通常更简洁,例如使用`$(document).ready()`来确保在页面加载完成后执行代码,或者使用`$("#id")`来选择具有特定ID的元素,这比原生JavaScript的`getElementById`更加方便。...

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

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

    document对象内容集合.txt

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

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

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

    html的DOM中document对象forms集合用法实例

    HTML的DOM(文档对象...通过理解和掌握forms集合的使用方法,我们可以大大提高处理表单数据的效率,并实现更为动态和交互性更强的Web应用。对于JavaScript程序员而言,熟悉forms集合的运用,无疑是一个重要的技能点。

    常用js大全.pdf

    * 得到元素的方法:`document.getElementById()` 事件处理 * 弹出提示信息:`window.alert("字符串")` * 弹出确认框:`window.confirm()` * 弹出输入提示框:`window.prompt()` * 指定当前显示链接的位置:`window...

    javascript 常见脚本属性

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

    js基础用法全集.txt

    - `document.forms[0]`:获取页面中的第一个表单。 - **设置属性和值**: - `document.getElementById("elementId").value = "newValue"`:设置指定元素的值。 - `document.forms[0].elementName.value = ...

    nternetExplorer.Application对象的umen属性[文].pdf

    以下是一些`document`对象的关键属性和方法: 1. **属性:** - `document.title`: 设置或获取网页的标题,对应的HTML标签为`&lt;title&gt;`。 - `document.bgColor`: 设置页面的背景颜色,但现代浏览器中已被弃用,推荐...

    基于Infragistics.Document.Excel导出表格的类

    在.NET开发环境中,Infragistics是一个知名的UI控件库提供商,其产品广泛应用于Windows Forms、ASP.NET和WPF等平台。本文将深入探讨如何利用Infragistics.Document.Excel类库进行表格数据的导出,以及如何通过C#语言...

    107句JSjavascript常用语句.doc

    29. 获取元素方法:document.getElementByIdx(),用于获取元素。 30. 设置表单中所有文本型成员的值为空:var form = window.document.forms[0] for (var i = 0; i &lt; form.elements.length; i++){ if (form....

    100多个有用的JavaScript函数及基础语法集合

    当文件中出现多个 form 表单时,可以使用 document.forms[0], document.forms[1] 等来代替。 窗口操作 可以使用 window.open() 打开一个新窗口,window.close() 关闭一个窗口,self 来访问当前窗口。 状态栏设置 ...

Global site tag (gtag.js) - Google Analytics