1.方法一

通常表单的提交有两种方式，一是直接通过html的form提交，代码如下：

<form action="" method="" id="forms"><input type="text" name="username" value="" /><input type="password" name="pwd" value="" /><input type="submit" value="提交"/>
</form>

有校验方法

<!--HTML-->
<form action="" method="" id="test_form"><input type="text" name="username" value="" /><input type="password" name="pwd" value="" /><button type="button" onclick='doSubmitForm()'>提交<button/>
</form><script>
var form = document.getElementById('test_form');
//再次修改input内容form.submit();
</script>

2.方法二

这种方法有个缺点就是，打乱正常的表单提交程序，通常用户输入完成后点击回车键就可以提交，但是这个方法实现不了，所以，使用下面的方法便可以解决这个问题,，通过form自身的onsubmit方法，来触发提交，然后进行input的修改：

<!--HTML-->
<form id='test_form' action='' method='' onsubmit='return checkForm()'><input type='text' name='username' value=''/><input type='password' name='pwd' value =''/><button type='submit'>提交<button/>
</form><script>
function checkForm(){var form = document.getElementById('test_form');//可在此修改input            //进行下一步return true;
}
<script/>

3.参考

https://www.cnblogs.com/web-wjg/p/7894657.html

4.参与讨论

【web开发】js实现表单提交相关推荐

怎么实现Web系统URL传输(表单提交)参数加密-zhuan
using System; using System.Security.Cryptography; using System.IO; using System.Text; namespace EIP. ...
Html 表单提交【js获取表单提交数据】
Html 原生获取表单提交数据 // 提示框淡入淡出<style type="text/css">.message {display: none;padding: 2 ...
web手动进行Form表单提交
最近的一个项目涉及到多文件上传,同时还不让用Form表单提交其他数据.蛋疼... 想到一个办法就是,先用ajax提交数据,然后返回数据库的id主键(mysql数据库),然后再js回调函数中进行表单文件 ...
【JAVA开发中, FROM表单提交List集合时出现下标越界的解决方案】
一丶问题简述在接口对接中, 因前端使用的From表单提交方式, 后台接收为List集合, 在数据量大于256条时, 出现下标越界的问题, 如下图所示: 二丶原因表述 Spring mvc框架封装中, ...
UI标签库专题三：JEECG智能开发平台 FormValidation(表单提交及验证标签)
1. FormValidation(表单提交及验证标签) 1.1. 参数属性名类型描述是否必须默认值 action string 表单提交路径否 null formid strin ...
javajavascript:void(‘h2‘)WEB(jsp基本语法表单提交)
一.jsp简介 1. 什么是jsp jsp全名为 Javh2a Server Pages 中文名叫 java服务器页面它是在传统的网页HTML文件(*.html,*. ...
js 通用表单提交1-onsubmit
在进行表单提交的时候,如果直接点击表单的submit按钮则会提交表单,但是这种方法在需要验证的时候则会不适用. 因此一般会在form的声明中声明onsubmit的方法,在这个方法中添加需要验证的字段等 ...
记一次layui开发时,form表单提交post请求变为get请求的情况
layui在提交表单后,需要加上return false;表示表单不跳转页面, 否则会导致post请求变为get请求,并且重置页面为空. 需要注意的是,在请求后台接口的时候,如果js上有错误,也会导致 ...
html表单记住密码按钮,js form表单提交，浏览器记住密码后自动填充
1.场景描述用form表单实现的页面搜索,第一次搜索点击提交之后手机浏览器会提示保存用户名和密码,点了保存之后,再次进入这个页面这些值会直接在页面上,将input的值删除之后,点击搜索提交之后这些值 ...
JS创建表单提交备份
//保存function saveFT() {var data = {createDate: GetDateStr(0),name: $("#txtName").val(),gen ...

【web开发】js实现表单提交

1.方法一

2.方法二

3.参考

4.参与讨论

【web开发】js实现表单提交相关推荐

最新文章

热门文章