js中表单提交事件,js输入框触发事件
js的表单提交事件
对，onsubmit()错了，onsubmit是一个属性，定义表单提交的时候要做的动作，应该用document.form1.submit();
JS给表单添加提交事件
好像你真的很懂了！呵呵！！document.forms[0]这本身就是得到一个表单，是得到所有的表单forms中的第一个表单！！但是你的提交是提交到了服务器端！所以所有的表单都会一同提交！！即使你用id和这样的效果也是一样的！！！唯一的区别就是，你提交了，在服务器端得值得的时候，只得你想要提交的那个表单的值就可以了啊！!
Js表单提交
表单提交是刚开始学js的朋友很迷惑的一个问题，怎么提交，怎么阻止默认提交，怎么提交表单不跳转等等问题，下面是一些示例
原始的表单提交有 button 按钮提交和 input / 类型的。它们又什么区别呢？
(1) 默认表单提交
(2)默认不会提交表单
(3) 如果在 form ,我们使用了 type=''submit 属性，但是不让表单默认提交，有什么办法呢？看下面
(4) 如果在 form ,我们使用了 type=''button 属性，但是还是需要提交表单，这是可以使用ajax来提交，好处是可以自己控制提交，并且页面不会跳转
(5)若是使用默认提交的方法，且提交之前验证表单，方法看下面
(6) 若是使用了 type='button' 属性，但是还是想实现默认提交的方式怎么办？ 看下面
(7) 下面的提交会发生什么？
分析 : 点击提交按钮:
(1)当表单验证失败时，不会触发 form.submit() 函数，所以可以触发 form 的 onsubmit 句柄，又因为该句柄 return false 所以表单不会从该句柄处默认提交，所以 会在控制台打印出 表单的onsubmit事件句柄在form.submit()调用时失效'
(2)当表单验证成功时,会触发 form.submit() 函数提交表单，又因为 form.submit()提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用，所以 控制台不会打印出 表单的onsubmit事件句柄在form.submit()调用时失效
现在表单默认提交的方式基本没人用了，都是ajax异步提交。但是了解一些还是好的。。。
javaScript的表单提交事件怎么用
简单写个 counter.html
---------------------------------------------------------------
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
/head
body
form id="form1" name="form1" method="post" action=""
label
用户名：
input type="text" name="name" id="textfield" /
密码：
input type="text" name="pass" id="textfield2" /
----------------------javaScript提交--------------------
script language="javascript"
function getValue()
{
document.form1.onsubmit;
document.form1.action="LoginServlet"; // 提交的路径 这里是一个Servlet的名称
}
/script
input type="submit" name="button" id="button" value="提交" onclick="getValue()" /
/label
/form
/body
/html
---------------------------------------------------
你通过servlet得到 你输入的用户名 和密码 然后跳转去result.html输出你的用户名和密码
servlet 里内容
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String name=request.getParameter("name");//得到你输入用户名
String pass=request.getParameter("pass");//得到你输入的密码
request.setAttribute("name", name);//保存用户名
request.setAttribute("pass", pass);//保存密码
RequestDispatcher dispatcher=request.getRequestDispatcher("result.html");//请求转发去result.html页面
dispatcher.forward(request, response);
}
------------------------------------
在result.html页面获得你保存的用户名和密码
String name=request.getAttribute("name");
String pass=request.getAttribute("pass");
输出就可以了
-------------大致就这个意思了------------
前端-JS的表单事件
我们在网页中做操作可以统称为事件，那么在表单中输入提交也属于事件。之前的博客分享了JS的 鼠标 和 键盘 相关的事件，那这篇博客将分享与表单有关的事件。
简单理解，和表单有关的事件。
关于表单事件就分享到这里了，希望对学习前端开发的小伙伴有帮助。