开发者社区

教你用EO解决长距离跨地域传输网络抖动、丢包问题

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >使用Javascript或jQuery从表单字段构建URL？

问使用Javascript或jQuery从表单字段构建URL？

提问于 2018-02-27 22:37:13

回答 2关注 0查看 414

表单的示例：

<form id="form1" name="form1" method="post" action="">
  <p>
    <label>Variable 1
      <input type="text" name="variable1" id="variable1" />
    </label>
  </p>
  <p>
    <label>Variable 2
      <input type="text" name="variable2" id="variable2" />
    </label>
  </p>
  <p>
    <label>URL
      <input type="text" name="url" id="url" />
    </label>
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
  </p>
</form>

音视频低代码开发方案最快1天上线

推出 TUICallKit 和 TUIRoomKit 低代码集成方案，最快1天接入在线教育、语聊房、在线客服等应用

回答 2

coolawen

回答已采纳

发布于 2018-02-28 06:48:33

如果想要完成整个表单：

alert($("#form1").serialize());

如果只想做几个字段，而不是让选择器选择这些字段。

alert($("#variable1, #variable2").serialize());

叙知伍

发布于 2018-02-28 08:28:19

可以

var inputs = $('#form1').find('input[type=text]').not('#url');
var str = "http://www.base.url/path/file.ext?"
inputs.each(function (i, item) {
    str += encodeURIComponent(item.name) + "=" + encodeURIComponent(item.value) + "&";
});
$('#url').val(str);

和开发者交流更多问题细节吧，去写回答

相关文章

JavaScript 的表单或邮箱验证

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有：用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的日期？用户是否在数据域 (numeric field) 中输入了文本？

用户1503405

2021/10/08

1.9K0

JavaScript 学习-42.jQuery 提交表单 submit() 方法

event form function submit 表单

前言 submit() 方法不带参数，就是触发 submit 事件，带function 参数，就是执行 submit 事件时运行的函数。触发 submit 事件通过 jquery 的submit() 方法，可以出发submit 事件 form表单示例 <form id="demo" method="get"> <div> <label for="user">用户名:</label> <input type="text" id="us

上海-悠悠

2022/06/07

1.9K0

JavaScript 学习-42.jQuery 提交表单 submit() 方法

使用jquery获取url及url参数的方法

jquery 正则表达式 url var 对象

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作

Jensen_97

2023/07/19

1.6K0

如何使用 JavaScript 解析 URL

https 网络安全

在 Web 开发中，有许多情况需要解析 URL,这篇主要学习如何使用 URL 对象实现这一点。

前端小智@大迁世界

2019/03/15

2.8K0

如何使用 JavaScript 解析 URL

使用jQuery Validation插件来验证表单

jQuery Validation是一个用于验证表单的jQuery插件，简单易用，已经包含了16种内置的验证规则．Github上也有更多的验证规则可以使用．这都不是重点，重点是你可以轻松的定制自己的规则．内置规则： required – Makes the element required. remote – Requests a resource to check the element for validity. minlength – Makes the element require a give

宅蓝三木

2018/02/07

2.1K0

使用jQuery Validation插件来验证表单

jquery 表单验证

("form :input.required").each(function(){

用户5760343

2019/10/10

3.7K0

web前端之锋利的jQuery八：jQuery插件的使用（表单验证、表单提交）

插件也称扩展，是一种遵循一定规范的应用程序接口编写出来的程序。 1.jQuery表单验证插件－Validation：最常使用JavaScript的场合就是表单的验证，而jQuery作为一个优秀的JavaScript库，也提供了一个优秀的表单验证插件－Validation，其拥有以下优点：内置验证规则：拥有必填、数字、email、URL和信用卡号等19类内置验证规则。自定义验证规则：可以很方便地自定义验证规则简单强大的验证信息提示：默认了验证信息提示，并提供自定义覆盖默认提示信息的功能实时

Java帮帮

2018/03/16

6.7K0

jquery 表单事件

.blur() 　　当元素失去焦点的时候触发事件。　　.blur(handler(eventObject)) 　　　　handler(eventObject) 　　　　　　每当事件触发时候执行的函数。　　.blur([eventData],handler(eventObject)) 　　　　eventData 　　　　　　一个对象，它包含的数据键值对映射将被传递给事件处理程序。　　　　handler(eventObject) 　　　　　　每当事件

用户1197315

2018/01/19

1.6K0

JavaScript 学习-45.jQuery 表单选择器

html 腾讯云测试服务

前言 jQuery 表单选择器，专门操作表单内容表单选择器表单选择器总结表单项示例说明输入框 $(":input") 查找所有input元素，包含input、textarea、select、button 文本框 $(":text") 查找所有文本框type=”text” 密码框 $(":password") 查找所有密码框type=”password” 单选按钮 $(":radio) 查找所有单选按钮复选框 $(":checkbox) 查找所有复选框图片 $(":image") 查找所有图像

上海-悠悠

2022/06/14

6440

JavaScript 学习-45.jQuery 表单选择器

如何仅使用 JavaScript 将任何 HTML 页面或表单转化为 PDF文件

javascript html pdf 表单对象

PDF 是一种流行的文件格式，我们用来在不同平台和设备上呈现和共享具有固定布局的文档。

winty

2023/08/23

1.7K0

如何仅使用 JavaScript 将任何 HTML 页面或表单转化为 PDF文件

JQuery表格表单操作

1、多选框应用代码示例 <form action=”#” method=”post”> 你喜欢的明星是？<br /> <input type=”checkbox” name=”boxs” value=”张嘉译” id=”1″ /><label for=”1″>张嘉译</label> <input type=”checkbox” name=”boxs” value=”周润发” id=”2″ /><label for=”2″>周润发</label> <input type=”checkbox” name=”bo

苦咖啡

2018/05/07

1.6K0

JavaScript 表单

html javascript css

以下实例代码用于判断表单字段(fname)值是否存在，如果不存在，就弹出信息，阻止表单提交：

陈不成i

2021/07/19

8290

jquery 操作表单表格

add contains image png 表格

$("tr:contains('王五')").addClass("selected")

用户5760343

2019/10/08

1.5K0

Jquery 异步提交表单

前台部分代码： <div id='error'></div> <input type='text' id='username' name='username' readonly='Readonly'/> <input type='password' id='password' name='password'> <input type='text' id='company' name='company'> <input type='text'

用户1503405

2021/09/23

3K0

JQuery 学习—JQuery Validation表单验证范例[通俗易懂]

https java 网络安全 jquery html

jQuery Validato表单验证插件，它是基于jQuery类库，实现了js脚本于页面html代码的分离。你可以划分多个校验组，每个组的校验都是互不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）脚本控制。

全栈程序员站长

2022/07/19

1.9K0

如何使用 Apache 构建 URL 缩短服务

php http https 网络安全编程算法

用 Apache HTTP 服务器的 mod_rewrite 功能创建你自己的短链接。

星哥玩云

2022/07/20

2.6K0

【工具】15个非常实用的 JavaScript 表单验证库

javascript jquery github git 开源

客户端验证在任何项目都是不可缺少的，很多时候我们需要在用户提交到服务器之前给予提示。表单验证库允许开发人员自定义样式、错误消息和样式以及简化验证规则的创建。

pingan8787

2020/09/14

6.3K0

【工具】15个非常实用的 JavaScript 表单验证库

JavaScript onchange 事件：表单文本域或选择域发生改变

JavaScript onchange 事件表单文本域或选择域发生改变时会触发 onchange 事件。支持该事件的 HTML 标签 <input type="text">, <select>, <textarea> 支持该事件的 JavaScript 对象 fileUpload, select, text, textarea onchange 实例下面的例子演示了 select 下拉选择列表，当列表内无合适选择项而让用户自定义选择项的效果： <html> <head> <script type="

java达人

2018/01/31

1.9K0

PHP过滤表单字段

php html 数据库 sql 编程算法

从post来的进行addslashes后就可存入数据库了，取出后直接echo即可普通的文本： 1.htmlspecialchars接着addslashes存入数据库，取出后直接echo即可。 2.addslashes存入数据库，取出后htmlspecialchars输出。说明： addslashes仅仅是为了让原来的字符正确地进入数据库。 htmlspecialchars是吧html标签转化掉。

黄啊码

2020/05/29

3.1K0

laravel表单构建

以构建用户注册表单resources/views/users/create.blade.php为例：

章鱼喵

2019/04/01

2.1K0

相似问题

使用jQuery获取表单输入字段？

2329

如何使用Firebug（或类似工具）调试JavaScript / jQuery事件绑定？

1220

使用jQuery提交“输入”表单？

2350

使用jQuery的“.val()”设置表单中hidden字段的值不起作用？

21K

如何使用jQuery检查所有表单输入是否为空？

21.4K

相关问答用户

请输入您想邀请的人

腾讯云TDP | TDP会员擅长3个领域

进击的老头子

平安资管 | 架构师擅长4个领域

架构师之路

到家集团 | 技术VP擅长5个领域

擅长3个领域

活动推荐

图片生成与编辑，新用户19.9元起！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例