Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在Rails表单中将表单输入属性'name‘更改为'data-encrypted-name’

在Rails表单中将表单输入属性'name‘更改为'data-encrypted-name’
EN

Stack Overflow用户
提问于 2014-01-15 20:30:02
回答 2查看 1.3K关注 0票数 1

Change form input attribute 'name' to 'data-encrypted-name'讨论了Django,但这个问题是关于Rails的。

我在Rails中创建了一个表单,用于使用Braintree处理信用卡支付。但是,加密不起作用,因为Rails向表单添加了name属性。根据名称,我想用data-encrypted-name属性替换Braintree Docs属性。我该怎么做呢?

此(嵌套)表单帮助器:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<%= cc.text_field :number %>

..creates以下元素:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <input id="credit_card_number" name="credit_card[number]" size="30" type="text">

如何用data-encrypted-name替换name

EN

回答 2

Stack Overflow用户

发布于 2014-01-15 20:50:02

尝试text_field_tag like

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<%= text_field_tag 'credit_card[data-encrypted-name]', size: 30 %>

您还可以赋值,例如

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<%= text_field_tag 'credit_card[data-encrypted-name]', cc.number, size: 30 %>
票数 3
EN

Stack Overflow用户

发布于 2014-02-06 08:53:59

实际上,Philp的答案是有效的。根据Braintree的文档,在开发模式下可以正常运行以下代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
c.text_field  :number, 'data-encrypted-name' => "number"
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21147549

复制
相关文章
【HTML5】HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )
一、HTML5 新增 input 表单 ---- HTML5 新增 input 表单 : 邮箱输入表单 : 必须输入邮箱 , 如果输入格式错误 , 提交时会在对话框中报错 ; <input type="email" /> URL 输入表单 : 只能输入网址 , 格式错误会在对话框中报错 ; <input type="url" /> 日期输入表单 : 右侧的下拉菜单选择日期 ; 如果在手机中打开 , 会弹出手机中自带的日期选择对话框 ; <input type="date" /> 时间输入表
韩曙亮
2023/04/24
3.4K0
【HTML5】HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )
【HTML】HTML 表单 ① ( input 表单控件 | input 标签语法 | input 标签属性 | type 属性 | value 属性 | name 属性 | checked 属性 )
以 163 邮箱注册页面为例 , 说明 表单控件 , 表单信息 , 表单域 如下图所示 :
韩曙亮
2023/03/30
7.4K0
【HTML】HTML 表单 ① ( input 表单控件 | input 标签语法 | input 标签属性 | type 属性 | value 属性 | name 属性 | checked 属性 )
HTML表单__表单元素属性
看完“HTML表单__表单元素”那一节的同学会发现,同是input标签,type属性值不一样的时候,input类型完全不一样。type就是input的一个属性,除type之外,还有很多属性,接下来我们开始了解表单元素属性都有哪些?
呆呆
2021/09/28
3.1K0
HTML表单__表单元素属性
看完“HTML表单__表单元素”那一节的同学会发现,同是input标签,type属性值不一样的时候,input类型完全不一样。type就是input的一个属性,除type之外,还有很多属性,接下来我们开始了解表单元素属性都有哪些?
呆呆
2021/11/25
2.9K0
python tkinter输入表单
""" use StringVar variables lay out by columns: this might not align horizontally everywhere (see entry2) """
用户5760343
2022/05/13
1.2K0
HTML 表单和输入
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
用户8442333
2021/08/21
2K0
Vue表单输入绑定
  表单控件的数据绑定就是用v-model指令实现的,它会根据控件类型自动选取正确的方法更新元素。由于表单控件有不同的类型,如文本输入框、复选框、单选按钮、选择框等,v-model指令在不同的表单控件上应用时也会有所差异。
别团等shy哥发育
2023/02/25
7.3K0
Vue表单输入绑定
bootstrap 禁止输入表单
<form class="form-horizontal" role="form"> <fieldset disabled> <div class="form-group"> <label for="disabledTextInput" class="col-sm-2 control-label">禁用输入(Fieldset disabled)</label> <div class="col-sm-10"> <input type="text" id="disabledTextInput" class="form-control" placeholder="禁止输入"> </div> </div> <div class="form-group"> <label for="disabledSelect" class="col-sm-2 control-label">禁用选择菜单(Fieldset disabled)</label> <div class="col-sm-10"> <select id="disabledSelect" class="form-control"> <option>禁止选择</option> </select> </div> </div> </fieldset> </form>
用户5760343
2019/07/07
1.7K0
React处理多表单输入
明知山
2023/07/24
1520
[python从入门到放弃]用pyautogui批量输入表单
STEP2:安装pyautogui,命令行输入pip install pyautogui
周星星9527
2019/08/06
1.7K0
jquery表单属性筛选元素
$(":button") 选择所有按钮元素类型为按钮的元素。 等于$('input[type="button"]') $(":checkbox") 选择所有类型为复选框的元素。 等于$('input[type="checkbox"]') $(":checked") 选择所有勾选的元素。 $( "input:checked" ) $(":disabled") 选择说有被禁用的元素。 $("input:disabled").val("不能输入") $(":enabled"
用户1197315
2018/01/19
1.5K0
Vue 3 表单输入绑定
你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。
公众号---人生代码
2020/11/03
2.1K0
Vue 3 表单输入绑定
十五、Vue表单输入绑定
十五、Vue表单输入绑定
Java架构师必看
2021/05/14
1.3K0
十五、Vue表单输入绑定
django创建表单以及表单数据类型和属性
https://www.cnblogs.com/pythonywy/p/11353202.html看这里
小小咸鱼YwY
2019/09/11
7880
表单输入框聚焦效果
css 代码,当然你使用类选择器也是可以的,这里我使用了 css 的属性选择器 关于选择器的优先级,可自行尝试测试:
itclanCoder
2020/10/28
1.5K0
表单输入框聚焦效果
Vue3表单输入绑定
tips:在Vue3中,可以使用v-model来绑定表单元素输入内容v-model也叫双向绑定,期间数据和表单元素的输出是同步的v-model在单选上,会输出input的value,并且不使用name就可以进行分组v-model在复选上,代表的是true和falsev-model在文本域上,代表的是文本内容v-model在下拉框上,代表的是option的内容v-model的值会覆盖掉原生属性的值example:<!DOCTYPE html><html lang="en"><head> <meta ch
软件架构师Michael
2022/09/14
6650
form表单中的enctype属性
2)、按照enctype属性的设置,选择合适的编码方式,对数据进行编码,放在请求头里
青梅煮码
2023/01/12
1.2K0
Vue学习笔记之表单绑定输入
单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新。
Jetpropelledsnake21
2018/08/10
6520
Vue学习笔记之表单绑定输入
Flask-3 表单和输入验证
flask-wtf是一个表单集成插件,包括CSRF,文件上传和Recaptcha集成等。
XXXX-user
2019/07/23
1.7K0
Flask-3 表单和输入验证
点击加载更多

相似问题

将表单输入属性“name”更改为“数据加密-名称”

11

Rails 4:更改简单表单输入的“name”属性

20

没有name属性的cakephp表单输入

20

React表单:表单输入在使用时需要一个name属性

13

在动态表单中增加表单输入字段的name属性的索引

40
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文