html提交内容给js,form表单action提交的js部分与html部分

最新推荐文章于 2023-06-14 06:50:31 发布
最新推荐文章于 2023-06-14 06:50:31 发布
阅读量134 收藏
点赞数
文章标签： html提交内容给js

1、JS部分代码

/**

* 提交表单

*/

function submitForm(action, actName, objName, formName,blogType){

$("#"+formName).attr("action",action);

//var f = document.getElementsByTagName("form")[0];

//alert(f.action);

$("#"+formName).form({

onSubmit:function(){

checkInput();//检查输入项是否为空

} ,

success:function(data){

if (data == "success"){

$.messager.alert('提示','
日志发表成功!','info');

}else{

$.messager.alert('提示','
日志发表失败!','warning');

}

}

});

}

/**

* 发表日志

*/

function publishBlog() {

submitForm("http://localhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__","发表","日志","fm1","publish");

}

2、html部分

标题:

内容:

发 表

weixin_39820177
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
form表单action提交的js部分与html部分
12-11
1、JS部分代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...
html表单调用js方法,使用js提交form表单的两种方法
weixin_42117485的博客
06-04 1884
提交form表单的时候瑶族一些简单的验证，验证完后才能提交，避免无效提交。1.当输入用户名和密码为空的时候，需要判断。这时候就用到了校验用户名和密码，这个需要在前端页面写；有两种方法，一种是用submit提交。一种是用button提交。方法一：在jsp的前端页面的头部插入一个js方法：function checkUser(){var result = document.getElementById...
html 表单 js 提交,js实现表单提交submit()，onsubmit
weixin_32287563的博客
06-23 1670
通常表单的提交有两种方式，一是直接通过html的form提交，代码如下：但有时候我们会出于安全角度考虑，给用户输入的密码进行加密，方法一就没办法解决这个问题，这时候我们同常会选择另一种方法，使用javaScript来进行表单提交，代码入下：提交var form = document.getElementById('test_form');//再次修改input内容form.submit();这种方...
html表单调用js文件上传,JavaScript实现form表单的多文件上传
weixin_39855706的博客
06-05 542
form表单的多文件上传，具体内容如下formData对象可以使用一系列的键值对来模拟一个完整的表单，然后使用Ajax来发送这个表单使用表单初始化FormData对象的方式上传文件value="= $csrf ?>">for="uploadform-excelfiles">选择文件multiple class="attachment-upload" accept=".xlsx"&...
js提交form表单方法
winkexin的博客
06-14 3052
form表格的写法，需要写id。
js提交form表单
热门推荐
一直在奋起，一直在路上
08-27 4万+
前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知识O(∩_∩)O~
js 提交form表单和设置form表单请求路径的实现方法
01-19
如下所示： form表单ID：postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了，希望大家多多支持软件开发网~
JS提交form表单实例分析
11-24
本文实例讲述了JS提交form表单。分享给大家供大家参考，具体如下： 一、javascript 页面加裁时自动提交表单： Form表单： <form method="post" id="myform" action="a.php"> <input type="submit" value=...
通过button将form表单的数据提交到action层的实例
08-29
下面小编就为大家带来一篇通过button将form表单的数据提交到action层的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript笔记-点击button提交form表单
IT1995的博客
03-10 5472
功能如下： 点击购买后，点击确定。 确定调用了一个js函数，提交form表达给后端 代码如下： <div class="modal-footer"> <button type="button" class="btn text-white border bg-dark" data-bs-dismiss="modal">取消</button> <button type="button" class="btn text-white border bg
HTML5意见反馈提交表单页面模板.rar
05-23
HTML5意见反馈提交表单页面模板支持文本编辑，图片上传预览，联系方式，账号非空检测，帮助中心等功能。
HTML开发与应用：用Javascript实现提交功能（表单验证）
qq_42802111的博客
07-31 6161
HTML开发与应用：用Javascript实现提交功能（表单验证）。 之前我们已经实现过表单的input输入功能，但是并没有实现其中按钮的“提交”功能，而在HTML中想要实现这类功能就要使用到Javascript,而表单的验证也是JS中最为常见的功能，所以接下来我们来初步研究如何实现表单的验证功能。 在Javascript中实现函数的调用。 首先我们应该考虑到用户通过点击“提交”按钮来实现表...
用 html, css, js 实现登陆提交界面
Web_blingbling的博客
07-26 1814
实现下面这个登录界面： 图片是百度的 >_< 提交之后简单实现这样的弹出效果： html 文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登陆界面</t
利用js提交form表单的方式
ruolanqingyi的博客
06-27 3万+
第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功&lt;script type="text/javascript"&gt; function validate(obj) { if (confirm("提交表单?")) { alert(obj.value); return true; } els...
使用js提交form表单的两种方法
weixin_33862993的博客
08-23 712
提交form表单的时候瑶族一些简单的验证，验证完后才能提交，避免无效提交。 1.当输入用户名和密码为空的时候，需要判断。这时候就用到了校验用户名和密码，这个需要在前端页面写；有两种方法，一种是用submit提交。一种是用button提交。方法一： 在jsp的前端页面的头部插入一个js方法： function checkUser(){ var result = document.getE...
form提交表单_利用js提交form表单的方式
weixin_39974030的博客
11-29 2583
第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功<script type="text/javascript">function validate(obj) {if (confirm("提交表单?")) {alert(obj.value);return true;} else {alert(obj.value);return false;}}</...
html表单怎么与js交互,HTML中关于form与表单提交操作的知识
weixin_31282049的博客
06-17 906
你知道，一个表单里面只要有form元素，如果没有给action加一个默认值，为空白的时候，当你刷新页面时，会弹出一个警告框提示你已经填入表单，刷新数据将会丢失。如果一个表单里面有一个type="submit"的button、或者type="submit"的input，或者type="image"的input，点击则会触发表单提交动作。即使你使用了return false，按钮也还是会提交submi...
html复选框提交js,基于JavaScript实现带数据验证和复选框的表单提交
weixin_36359075的博客
06-03 522
实现：1.用户至少选中某项，即表示选中该行，同时该行的数据验证通过，表单提交；否则，不提交。html带数据验证和复选框的表单提交table {border-collapse: collapse;}td,th {width: 40px;height: 100px;border:1px solid #000;}table tbody tr:hover {background-color: red;}t...
同一个页面中建立两个表单 各自提交
kunkun378263的专栏
05-19 1946
办法1.同一个页面中建立两个表单 各自提交：     办法2：如果非要只有一个表单的话，通过js提交： function submitYouFrom(path){  $('form1').action=path;  $('form1').submit(); }
js form 表单自动提交
最新发布
09-02
JS 中的表单自动提交通常是利用表单元素的 `submit()` 方法来实现的。下面我来详细说明一下： 首先，在 HTML 中，我们需要创建一个表单，并为其指定一个 ID，以方便在 JavaScript 中访问和操作。例如： ```html <form id="myForm" action="submit.php" method="POST"> <input type="text" name="username"> <input type="password" name="password"> <input type="submit" value="提交"> </form> ``` 然后，在 JavaScript 中，我们可以使用 `document.getElementById()` 方法来获取表单元素，并调用 `submit()` 方法来实现表单自动提交。例如： ```javascript window.onload = function() { var form = document.getElementById("myForm"); form.submit(); // 自动提交表单 }; ``` 当页面加载完成后，上述 JavaScript 代码会自动获取表单元素，并调用 `submit()` 方法来提交表单，从而实现自动提交的效果。 需要注意的是，由于表单的提交通常会触发页面刷新或跳转，为了避免页面刷新，在提交表单之前，可以使用 `preventDefault()` 方法来阻止默认的表单提交行为。例如： ```javascript window.onload = function() { var form = document.getElementById("myForm"); form.addEventListener("submit", function(event) { event.preventDefault(); // 阻止表单默认提交行为 form.submit(); // 自动提交表单 }); }; ``` 以上就是利用 JavaScript 实现表单自动提交的方法。当页面加载完成后，表单会自动提交而不需要用户手动点击提交按钮。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值