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` 集合时,如 `document.forms['exportServlet']`,这里则是通过表单的 `name` 属性来进行引用。每个 `<form>` 元素可以有一个唯一的 `name` 属性,使得我们可以使用这个名称来...
下面将详细介绍 `document.forms` 的用法、示例以及相关的表单操作。 ### 1. `document.forms` 属性 `document.forms` 是一个动态的集合,任何时候对文档进行修改,例如添加或删除 `<form>` 元素,这个集合会自动...
本文将详细介绍document.forms[0]和getElementByName两种方法的区别和具体使用场景。 首先,document.forms[0]代表文档中第一个表单元素,是一个NodeList类型的数组。这个数组包含了页面上所有的form元素,如果页面...
document.forms("formname") // IE中使用 document.forms["formname"] // 标准方法 ``` 这里展示了两种获取表单的方式,第一种仅适用于IE浏览器,而第二种则是标准方法,兼容性更好。 ##### 示例2:修改元素样式 ``...
2. 通过集合长度获取表单个数:`document.forms.length`。 3. 通过索引获取指定表单:`document.forms[0]` 或 `document.forms[i]`。 4. 通过索引获取指定表单中的控件数:`document.forms[i].length`。 5. 通过索引...
- 示例代码:`console.log(document.forms.length);` - 访问特定表单元素。 - 示例代码:`var form = document.forms[0];` - 通过名称访问表单元素。 - 示例代码:`var formByName = document.forms["Myform"];` ...
比如在示例代码中,首先使用document.forms['testForm'].elements['radioTest']获取到了单选按钮组,然后调用getRadioValue函数进行验证。根据返回值是否为空字符串,开发者可以执行相应的逻辑处理。 此外,需要...
此外,`document`对象还有许多其他属性和方法,如`document.forms`用于访问表单,`document.images`用于访问图像,以及`document.getElementsByName()`和`getElementsByTagName()`方法用于按名称或标签名查找元素。...
- **获取表单数量**:`document.forms.length`。 - **通过索引获取表单**:`document.forms[i]`。 - **操作表单中的元素**:可以通过`document.forms[i].elements`获取表单中的所有元素。 以上就是Document对象及其...
对于`document.forms`集合,你可以获取表单元素并操作它们,如获取表单的控件数、获取特定表单元素等。例如,`document.forms[0].elements`可以访问第一个表单中的所有输入元素。 在jQuery中,操作`document`对象...
- **document.forms**: 访问页面上的所有表单元素。 - 可以通过索引或名称访问这些元素,并进一步操作它们的属性,如`src`、`value`等,来改变图像源或表单值。 ### 实践应用 了解和掌握DOM的属性和方法对于前端...
* 取得表单中的所有元素:`document.forms.length` * 创建文档元素:`document.createElement()` 和 `document.createTextNode()` * 得到元素的方法:`document.getElementById()` 事件处理 * 弹出提示信息:`...
26. 获取所有表单的数量:document.forms.length 27. 设置表单中所有文本型的成员的值为空:var form = window.document.forms[0] for (var i = 0; i < form.elements.length; i++) { if (form.elements.type == ...
例如,`document.forms[0]`是第一个表单,`document.forms[i].elements[j]`是表单中的第j个控件。 在JavaScript中,我们还可以通过name属性直接引用元素,如`document.Myform.myctrl`引用名为`myctrl`的表单控件。 ...
还有`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`...