js基础4

最新推荐文章于 2024-08-12 22:28:07 发布

学算法的小码农

最新推荐文章于 2024-08-12 22:28:07 发布

阅读量317

点赞数

分类专栏： web前端文章标签： javascript 前端 html5

本文链接：https://blog.csdn.net/qq_52794273/article/details/122901881

版权

本文介绍了JavaScript中处理表单的基本方法，包括获取表单、表单元素以及提交表单的技巧。此外，还详细讲解了jQuery的AJAX功能，阐述了同步和异步请求的流程，帮助理解异步无刷新数据传输。

摘要由CSDN通过智能技术生成

1 js表单

表单是我们页面向后台传输数据的一种非常常见的方式，在进行数据发送（请求发出）之前，我们应该现在页面进行一系列数据合法性的验证，节省不必要的错误数据的传输，以及提高用户的体验度。

1.1获取表单

前两种为常用

1.document.表单名称

2.document.getElementById(表单 id)

3.document.forms[表单名称]

4.document.forms[索引]//从0开始

	<body>
		<form action="#" method="post" id="form1">
			<input type="text" name="" id="" value="" />
			<input type="submit" value="提交"/>
		</form>
		
		<form action="#" method="post" id="form2">
			<input type="text" name="" id="" value="" />
			<input type="submit" value="提交"/>
		</form>
		
		<script type="text/javascript">
			console.log(document.getElementById("form1"));
			console.log(document.form2);
			console.log(document.forms)
			console.log(document.forms[0]);
			console.log(document.forms["form2"])
		</script>
	</body>

1.2获取表单元素

1.2.1获取input元素

如text、password、hidden、textarea等

1.通过id获取：document.getElementsById(元素id)
2.通过form.名称形式获取：myform.元素名称
3.通过name获取：document.getElmentsByName(name属性值)[索引]//从0开始
4.通过tagName 数组：document.getElementsByTagName(标签名/元素名)[索引]//从0开始

	<body>
		<form action="#" method="post" id="form">
			姓名<input type="text" name="uname" id="uname" value="张三" />
			密码<input type="text" name="upwd" id="upwd" value="123456" />
			<input type="text" name="uno" id="uno" value="uno" />
			个人说明

最低0.47元/天解锁文章

学算法的小码农

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js基础4

1 js表单表单是我们页面向后台传输数据的一种非常常见的方式，在进行数据发送（请求发出）之前，我们应该现在页面进行一系列数据合法性的验证，节省不必要的错误数据的传输，以及提高用户的体验度。1.1获取表单前两种为常用1.document.表单名称2.document.getElementById(表单 id)3.document.forms[表单名称]4.document.forms[索引]//从0开始 <body> <form action="#" method="po
复制链接

扫一扫