js input 不可编辑可传值设置

最新推荐文章于 2024-05-20 15:59:22 发布

weixin_30914981

最新推荐文章于 2024-05-20 15:59:22 发布

阅读量824

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xlizi/p/9381440.html

本文介绍了一种在表单提交过程中设置input元素为只读状态的方法，即使用jQuery的.attr()方法将readonly属性设置为true。这样可以在不影响数据传输的情况下防止用户编辑输入框内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在表单提交中，设置input不可编辑，但是可以向后台传输数据，的设置方法：

$('#input').attr("readonly",true);

转载于:https://www.cnblogs.com/xlizi/p/9381440.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30914981

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

入坑大法_input不可以前端编辑但是可以后台传值

艺博❀

06-20

1273

实现功能. 当用户点击编辑后,我们要通过ID执行SQL语句,并且返回到页面,但是页面中ID的值不可以通过用户修改 readonly=“true” 设置为只读,前台无法修改,可以获得焦点,可以获得后台传入的参数 disabled=“disabled” 设置为不可用,前台无法修改,无法获得焦点 !!! 后台无法传入参数 jsp中的代码 <form action="<%=reque...

js设置input不可编辑

qq_24409681的博客

08-28

6154

$("#elementid").attr(“readOnly”,true); //不可编辑 $("#elementid").attr(“readOnly”,false); //取消不可编辑

参与评论您还未登录，请先登录后发表或查看评论

JS--input不可编辑

悄悄接

10-28

1110

1、disabled: <input id="zy" type="text" value="" disabled="true" name="zy">:只读、不向后台传值 $("#zy").attr("disabled", false); 设置为可编辑 $("#zy").attr("disabled", true); 设置为不可编辑 $("input[na...

js 动态设置input 不可编辑

风起未来

05-06

3404

查到的是 $("#id").attr("disabled",false); /**或者**/ $("#id").disabled="disabled"; 实际上没有效果，然后找到的是这个方法可行 $("#id").prop('disabled','disabled');

js动态设置input框不可编辑

leo_5210的博客

01-22

3031

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。3、设置input为不可编辑，双击方法仍然生效解决方法。被禁用的 input 元素是无法使用和无法点击的。disabled 属性规定应该禁用的元素。readonly 属性规定输入字段为只读。disabled 属性是一个布尔属性。

js如何设置 input 框为用户不可编辑状态

qq_52265298的博客

05-20

1473

当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()”，blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了 (状态: 输入框无变色)规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。(状态: 输入框会变成灰色)被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。(状态: 输入框会变成灰色): 通过控制input的。

vue.js 传值方法（父子组件传值、非父子组件传值）

01-08

另外，Vue中的`$parent`、`$children`以及`$refs`属性可用于直接访问父组件、子组件或特定引用的组件，但通常不推荐这样做，因为这可能导致紧密耦合和维护困难。`$root`则可以用来访问Vue实例的根组件。总之，Vue....

Javascript showModalDialog两个窗体之间传值

12-09

Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体，不过他打开的是一个模态窗口，那么如何在父窗体和子窗体之间传值呢？我们先看该函数的定义：...

HTML超链接传值

01-04

HTML超链接是网页中不可或缺的一部分，它允许用户在不同的页面之间跳转，浏览网页内容。在实际应用中，我们往往需要在点击超链接时传递一些参数，以便在目标页面能够获取这些信息并进行相应的处理。这被称为“HTML...

js 页面弹窗传值接值

03-15

在JavaScript编程中，"弹窗"通常指的是使用`window.alert()`, `window.confirm()`或`window.prompt()`等方法创建的对话框。这些方法允许我们与用户进行交互，获取输入或者显示信息。本篇将深入探讨如何在页面之间...

vue-prop父组件向子组件进行传值的方法

08-27

Vue.js 是一款流行的前端JavaScript框架，它提供了丰富的功能来构建用户界面。在Vue中，组件化是其核心特性之一，允许我们将复杂的UI拆分成独立、可重用的组件。组件间的数据通信是实现组件协作的关键，其中一种常见...

HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法；让文本域前面的内容显示在左上角，居中...

weixin_33716941的博客

03-03

551

HTML中让表单input等文本框为只读不可编辑的方法有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使input text的内容，中国两个字不可以修改有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"&g...

Object.assign赋值后无法修改问题、深拷贝....

羽飞博客

04-14

1229

Object.assign赋值后无法修改问题、深拷贝.... 这样能解决赋值后无法编辑的问题， this.form = Object.assign({}, this.form, { name: ‘a’ }) 而这样不能： Object.assign(this.form, { name: ‘a’ }) this.form = Object.assign({ name: ‘a’ }) ...

如何设置select，input只读不可编辑且值可传递

酷爱编程的小猿同学

02-19

5339

今天实现一个需求的时候遇到这个问题，总结如下：一、使input文本框不可编辑，我知道的有三种方法 1. disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。示例：<i...

设置单选框不可选，但可以传输数据

江嘉宝の博客

05-27

8864

需求：修改公告信息时，屏幕类型（单选框）不能更改问题：单选框设置为readonly，依旧可以点击选择；设置为disabled，是不能选了，但数据也不能传输期望：正确控制单选框可选与否 + 可以数据传输解决：选中的单选框正常，未被选中的单选框disabled 启发：可以把一个整体拆成多个部分，分而治之

解决input原本保存的内容不能修改，但可以添加的问题

我的博客

03-27

5229

时隔好多好多天，我又满血复活了，首先解决了一个大问题。刚到公司，领导给安排了一个小任务，是公司马上推出的项目用到的。一个文本框，里面有原来保存的手机号，现在点击修改按钮可以添加，但是不能删除原来保存的，不能修改原来保存的，也不能在原来保存的内容的前面添加其他内容。虽然不知道这样有啥用，但是领导安排了就要干，于是我就从网上查资料，问朋友。都说这样不可能，网上说的是input框前面加一个span标签，

JS实现文本框不可编辑

meijory的博客

09-17

5万+

JS实现文本框不可编辑方法1: onfocus=this.blur() 当鼠标放不上就离开焦点方法2:readonly 方法3: disabled disabled> disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也不可点击。 readonly="readonly" 只读字段是不能修改的。 js动态实

使input文本框不可编辑的3种方法