JavaScript表单提交总结

JavaScript表单提交总结：简介：JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。表单数据经常需要使用 JavaScript 来验证其正确性：1、验证表单数据是否为空？ 2、验证输入是否是一个正确的email地址？ 3、验证日期是否输入正确？· 4、验证表单输入内容是否为数字型？ 表单元素：input、textarea、password、select等元素都可以通过value属性取到它们的值。form表单的属性action 与method：             属性      值       描述            action    URL     规定当提交表单时向何处发送表单数据            method   get/post 规定用于发送form-data的HTTP方法。(提交表单的方式)                         URL可能的值：                绝对 URL - 指向其他站点（比如 src=“www.baidu.com”）                相对 URL - 指向站点内的文件（比如 src="/Form00/getData"） method的值 get/post：            get提交时参数直接暴露在URL上。            (W3School上给出的区别：)            与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。            然而，在以下情况中，请使用 POST 请求：                1.无法使用缓存文件（更新服务器上的文件或数据库）                2.向服务器发送大量数据（POST 没有数据量限制）                3.发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠             get/post区别：                1.GET方法是用来向服务器上获取数据，而PSOT是用来向服务器上传递修改数据。                2.GET将表单里的数据添加到action所指向的URL后面，并且两者之间使用”?” 连接                  而各个变量之间使用"&"连接;PSOT是将表单中的数据放在form的数据体 (FormData)中，                    按照键值对的方式，传递到所指向的action                3.GET是不安全的，因为在传输过程中，数据被放在请求的url中这样用户可以直 接在浏览器上看到提交的数据，                    POST的所有操作对用户来说都是不可见的,数据都在数据体(FormData)中                4.GET方法向URL添加数据,URL的长度是受限制的(URL的最大长度是2048个字 符),POST提交无限制                    https://www.w3school.com.cn/tags/html_ref_httpmethods.asp                5.GET为form表单的默认提交方式                6.GET方式获取数据后，刷新不会有负面的影响，因为它只是获取数据，                    POST数据会被重新提交可能会产生不良的后果(浏览器应该告知用户数据会被 重新提交)                7.数据类型的限制：GET只允许ASCII字符,POST则无限制(如果提交二进制数据(例 如:图片)，需要使用POST方法)例：      防止表单自动提交        <form id=“myform” @action="/Form/GetData" method=“post”@ οnsubmit=“return false;”>             

                 姓名                            

            

                 性别                                    –请选择–                    男                    女                            

            

                 地址                            

            

                表单提交                GET提交                POST提交                Reset重置