`

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用法示例介绍

    var collection = document.forms; 例子 获取表单信息 [removed] $(function(){ var thisForm = document.forms['form1']; //获取name为form1的form表单 //或者 //var thisForm = document.forms[0]; //获取第一个...

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

    在很多情况下JavaScript中document.forms[0]与getElementByName这两种用法没有区别,这片文章详细的解释了两者的区别和用法,有兴趣的朋友可以参考一下。

    javascript的IE和Firefox兼容性汇编

    javascript的IE和Firefox兼容性汇编 ...如:document.forms("formName") 改为 document.forms["formName"]。 又如:document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]

    Html标签使用技巧

    1.select 思路:select标签赋值和取值和普通字段...var codeId = document.forms["selectForm"].elements["interestCode"].value; 1.1.2 赋值 document.forms["selectForm"].elements["interestCode"].value = codeId;

    JavaScript在form表单中使用button按钮实现submit提交方法

    submit是button的一个特例,也是button的一种,它把提交这个动作...使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: &lt;head&gt; [removed] functio

    JavaScript中访问节点对象的方法有哪些如何使用

    JavaScript中访问节点对象的方法有哪些? 代码如下: var obj = document.getElementById(‘fdafda’); var obj = document.f1; obj.method=”post”; obj.action=’Bb’; var obj = document.f1.userName; var obj =...

    表单验证大全

    else document.forms[0].submit(); } } [removed] 够了吧 :) 屏蔽右键 很酷 oncontextmenu="return false" ondragstart="return false" onselectstart="return false" 加在body中 二 2.1 表单项不能为空 ...

    js基础用法全集.txt

    复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length 单选...

    表单项的name命名为submit、reset引起的问题

    最近朋友使用了form的一个表单命名为关键词引起了无法reset和提交.原来是这个问题“调用document.forms[0].reset()报错?”,马上问他:“页面有表单吗?”,回答:“有”。“你alert一下document.forms[0]”,“弹...

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

    本文实例讲述了html的DOM中document对象forms集合用法。分享给大家供大家参考。具体分析如下: forms 集合可返回对文档中所有 Form 对象的引用。 语法: 代码如下:document.forms[] 例子: 代码如下:&lt;html&gt;...

    JS IE和FF兼容性问题汇总

    1. document.form.item 问题 现有问题: 现有代码中存在许多 document.formName.item(“itemName”) 这样的语句,不能...如:document.forms(“formName”) 改为 document.forms[“formName”]。 又如:document.getEl

    JavaScript聚焦于第一个字段的代码

    在form的子元素中循环查找第一个不是隐藏字段的字段,然后使用focus方法获得焦点。(呵呵^_^,很简单!) 代码如下: FormUtil.focusOnFirst = function() { if (document.forms.length &gt; 0) { for (var i = 0; i &lt...

    整理一些JavaScript的IE和火狐的兼容性注意事项

    1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item(“itemName”) 这样的语句,不能在Firefox(火狐)下运行 (2)解决方法...如:document.forms(“formName”) 改为 document.forms

    JS的IE和Firefox兼容性集锦

    1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item(“itemName”) 这样的语句,不能在 MF 下...如:document.forms(“formName”) 改为 document.forms[“formName”]。 又如

    DOM基础教程之使用DOM控制表单

    此时每个form都解析为一个对象,即form对象,可以通过document.forms集合来引用这些对象,例如一个nama属性为form1的表单可以使用 代码如下:document.forms[“form1”] 不仅如此,还可以通过表单在文档中的索引来...

    JavaScript基础之AJAX简单的小demo

    AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。 function prepareForms() { for(var j=0 ; j&lt;document.forms.length ...

    javascript函数的解释

    29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空: var form = window.document.forms[0] for (var i = 0; i&lt;form.elements.length;i++){ if (form.elements[i].type == "text...

    VB实现自动填表并提交表.7z

    还有第三种方法填表完成后直接用WebBrowser1.Document.Forms("Login").Submit 如果您安装的是IE7,在VB开发环境下运行可能会遇到莫名其妙的浏览器错误 但是编译为本地代码后运行无任何问题,目前还未找到原因为何...有...

    107个常用javascript语句

    可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self "fullscreen=no,channelmode=no,toolbar=no,location=no,menubar=no,scrollbas=...

Global site tag (gtag.js) - Google Analytics