DreamAngel
如果你希望成功,以恒心为良友,以经验为参谋,以小心为兄弟,以希望为哨兵。
BlogJava
首页
新随笔
联系
聚合
管理
随笔 - 147 文章 - 71 trackbacks - 0
<
2009年2月
>
日
一
二
三
四
五
六
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
我的其它Blog:
www.cppblog.com/dreamangel/
blog.csdn.net/fjnu_angel/
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
(1)
给我留言
查看公开留言
查看私人留言
随笔分类
(146)
ACM(28)
ajax(9)
eclipse(3)
Game(6)
Hibernate(1)
java(20)
javascript(19)
jfreechart(3)
jfreereport(1)
JSP(16)
linux(4)
log4j(3)
Spring(1)
SQL(7)
Struts(3)
Tomcat(3)
其它(12)
正则表达式(3)
网络管理(2)
软件设计(2)
随笔档案
(147)
2015年4月 (1)
2013年9月 (2)
2013年8月 (1)
2013年3月 (1)
2012年8月 (2)
2012年7月 (1)
2012年6月 (1)
2012年5月 (2)
2012年3月 (2)
2012年2月 (1)
2012年1月 (2)
2011年12月 (3)
2011年11月 (6)
2011年10月 (6)
2011年9月 (1)
2010年5月 (1)
2010年4月 (1)
2010年1月 (1)
2009年12月 (3)
2009年11月 (7)
2009年10月 (7)
2009年9月 (9)
2009年8月 (6)
2009年7月 (17)
2009年6月 (8)
2009年5月 (8)
2009年4月 (4)
2009年3月 (17)
2009年2月 (16)
2009年1月 (10)
文章分类
(28)
foj(3)
poj(15)
spoj(9)
zoj(1)
文章档案
(28)
2010年9月 (2)
2010年7月 (1)
2009年9月 (14)
2009年8月 (11)
喜欢的Blog
BeanSoft
fuhoujun
yoyo
不朽的飞翔
乐在其中
宇天
我和hacker有个约会
银河使者
阿蜜果
搜索
最新评论
1. re: MyEclipse6.5 注册码生成方法,自己输入用户名[未登录]
5656
--lk
2. re: MyEclipse6.5 注册码生成方法,自己输入用户名
henhaoyong
--wuxiaoming
3. re: MyEclipse6.5 注册码生成方法,自己输入用户名
wuxiaoming
--wuxiaoming
4. re: js获得table单元格的信息
飒沓
--阿尔
5. re: log4j:ERROR Failed to rename错误解决办法[未登录]
谢谢楼主,问题解决!
--bobo
阅读排行榜
1. 用户权限管理设计(33576)
2. 关于路由器设置DI-504的401 Unauthorized authorization required(19069)
3. ubuntu下gcc的安装与使用(18738)
4. Proguard使用教程(12590)
5. ExtJS的tbar布局(10570)
评论排行榜
1. MyEclipse6.5 注册码生成方法,自己输入用户名(14)
2. 用户权限管理设计(9)
3. OA系统权限管理设计方案(7)
4. 判断一个月有多少天(正确的方法)(4)
5. 泰讯软件数据库笔试题目(SQL Server 2000版)(3)
JavaScript方法和技巧大全——表单
表单构成
1
<
form
method
=”post”
action
=”target.html”
name
=”thisForm”
>
2
<
input
type
=”text”
name
=”myText”
>
3
<
select
name
=”mySelect”
>
4
<
option
value
=”1”
>
First Choice
</
option
>
5
<
option
value
=”2”
>
Second Choice
</
option
>
6
</
select
>
7
<
br
>
8
<
input
type
=”submit”
value
=”Submit
Me”
>
9
</
form
>
访问表单中的文本框内容
1
<
form
name
=”myForm”
>
2
<
input
type
=”text”
name
=”myText”
>
3
</
form
>
4
<
a
href
='#'
onClick
='window.alert(document.myForm.myText.value);'
>
Check Text Field
</
a
>
动态复制文本框内容
1
<
form
name
=”myForm”
>
2
Enter some Text:
<
input
type
=”text”
name
=”myText”
><
br
>
3
Copy Text:
<
input
type
=”text”
name
=”copyText”
>
4
</
form
>
5
<
a
href
=”#”
onClick
=”document.myForm.copyText.value = document.myForm.myText.value;”
>
Copy Text Field
</
a
>
侦测文本框的变化
1
<
form
name
=”myForm”
>
2
Enter some Text:
<
input
type
=”text”
name
=”myText”
onChange
=”alert(this.value);”
>
3
</
form
>
访问选中的Select
1
<
form
name
=”myForm”
>
2
<
select
name
=”mySelect”
>
3
<
option
value
=”First
Choice”
>
1
</
option
>
4
<
option
value
=”Second
Choice”
>
2
</
option
>
5
<
option
value
=”Third
Choice”
>
3
</
option
>
6
</
select
>
7
</
form
>
8
<
a
href
='#'
onClick
='alert(document.myForm.mySelect.value);'
>
Check Selection List
</
a
>
动态增加Select项
1
<
form
name
=”myForm”
>
2
<
select
name
=”mySelect”
>
3
<
option
value
=”First
Choice”
>
1
</
option
>
4
<
option
value
=”Second
Choice”
>
2
</
option
>
5
</
select
>
6
</
form
>
7
<
script
language
=”JavaScript”
>
8
document.myForm.mySelect.length
++
;
9
document.myForm.mySelect.options[document.myForm.mySelect.length
-
1
].text
=
“
3
”;
10
document.myForm.mySelect.options[document.myForm.mySelect.length
-
1
].value
=
“Third Choice”;
11
</
script
>
验证表单字段
1
<
script
language
=”JavaScript”
>
2
function
checkField(field)
{
3
if
(field.value
==
“”)
{
4
window.alert(“You must enter a value
in
the field”);
5
field.focus();
6
}
7
}
8
</
script
>
9
<
form
name
=”myForm”
action
=”target.html”
>
10
Text Field:
<
input
type
=”text”
name
=”myField”onBlur=”checkField(this)”
>
11
<
br
><
input
type
=”submit”
>
12
</
form
>
验证Select项
1
function checkList(selection) {
2
if (selection.length == 0) {
3
window.alert(“You must make a selection from the list.”);
4
return false;
5
}
6
return true;
7
}
动态改变表单的action
1
<
form
name
=”myForm”
action
=”login.html”
>
2
Username:
<
input
type
=”text”
name
=”username”
><
br
>
3
Password:
<
input
type
=”password”
name
=”password”
><
br
>
4
<
input
type
=”button”
value
=”Login”
onClick
=”this.form.submit();”
>
5
<
input
type
=”button”
value
=”Register”
onClick
=”this.form.action = ‘register.html’;
this.form.submit();”
>
6
<
input
type
=”button”
value
=”Retrieve
Password” onClick
=”this.form.action = ‘password.html’;
this.form.submit();”
>
7
</
form
>
使用图像按钮
1
<
form
name
=”myForm”
action
=”login.html”
>
2
Username:
<
input
type
=”text”
name
=”username”
><
br
>
3
Password:
<
input
type
=”password”name=”password”
><
br
>
4
<
input
type
=”image”
src
="/”login.gif"
” value
=”Login”
>
5
</
form
>
表单数据的加密
1
<
SCRIPT
LANGUAGE
='JavaScript'
>
2
function
encrypt(item)
{
3
var
newItem
=
'';
4
for
(i
=
0
; i
<
item.length; i
++
)
{
5
newItem
+=
item.charCodeAt(i)
+
'.';
6
}
7
return
newItem;
8
}
9
function
encryptForm(myForm)
{
10
for
(i
=
0
; i
<
myForm.elements.length; i
++
)
{
11
myForm.elements[i].value
=
encrypt(myForm.elements[i].value);
12
}
13
}
14
</
SCRIPT
>
15
<
form
name
='myForm'
onSubmit
='encryptForm(this);
window.alert(this.myField.value);'
>
16
Enter Some Text:
<
input
type
=text
name
=myField
><
input
type
=submit
>
17
</
form
>
posted on 2009-02-03 10:24
飞翔天使
阅读(297)
评论(1)
编辑
收藏
所属分类:
javascript
FeedBack:
#
re: JavaScript方法和技巧大全——表单
2009-02-04 16:00
heyang
总结的不错。
回复
更多评论
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
管理
相关文章:
Javascript+CSS实现Flash动态新闻效果
网页的复制和防复制
js获得table单元格的信息
图片上传的综合操作
单击放回上页的按钮或使用window.history.go(-1)返回上页的同时刷新"上页"技术
模态窗口window.showModalDialog
三种弹出对话框的用法实例
window.open教程
js常用技巧(2012.7.16更新)
javascript实现日期星期的显示