首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

input disabled不能提交表单

今天,在开发过程中发现一个问题,在提交form表单时,有一个input一直不能被提交,后台一直报错!究其原因,是因为该input上设置了disabled属性。...一、readonly & disabled区别 readonly和disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。...如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。...readonly:只针对input(text / password)和textarea有效;如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点,并且在提交表单的时候,该输入项会作为form...如果说在这种情况下用readonly来代替disabled的话,若表单中只有input(text/password)和textarea元素,那还是可以的,如果存在其他发元素,比如select,用户可以在重新改写值后按回车键进行提交

2.5K51

jsInput事件

Input Event常用事件触发的先后顺序如下: 1 keydown 2 keypress 3 textInput 4 input 5 keyup keydown,keyup 1 全部浏览器支持 2...返回键盘上按键对应的ASCII码 (IE8-,Opera) textInput 1 IE9+,Chrome,Safari支持,别的浏览器不支持 2 在文本插入文本框之前触发,便于检查拦截用户输入使用 3 在input...:text,input:password,input:search,textarea以及元素是contentEditable模式时支持触发此事件 4 event.data,返回用户输入的文本 (如果按键是...s,那么返回s; 如果按键是s+Shift,那么返回S) 5 IE9中事件名为textinput(全小写,其它浏览器中I需要大写) input 1 IE9+,Firefox,Chrome,Safari,...Opera支持 2 在内容变化时,实时触发 3 在input:text,input:password,input:search,textarea支持触发此事件,在内容变化时,实时触发 (与onchange

10.1K30

input获取焦点 原生js_原生jsinput事件

1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。...type=button,input作为一个按钮使用时的鼠标点击事件 7.onselect 当input里的内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput 当input的...value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input的属性里,例如: 1 , 可以通过jsinput dom元素添加相应的事件..., 2 document.getElementByTagName(‘input’).onfocus = function(); 3 事件监听。

25.2K60

为什么你就不能加个空格呢?

手动加空格。 因此,总结下: 间距要有,但不一定是空格。 部分软件能自动呈现间距,那就不必加空格。 绝大多数软件不能自动呈现间距,那就需要手动加空格。...网页 有人说,我就是不想打空格,在网页中,我能像 Microsoft Word 一样不打空格而直接显示间距吗? 也就是说,我能不能设置一个 CSS 样式,就能使得中英文之间自动留有间距呢?...,另外还有浏览器插件可以用,列表如下: 浏览器插件 Google Chrome Mozilla Firefox 开发工具包 pangu.go (Go) pangu.java (Java) pangu.js...工具页面 这个是我用 Vue.js 开发的,实际上就是用了 pangu.js 这个库实现的,原理非常简单,主要目的就是为了方便空格排版。...如果不能访问的话好像是临时挂了,我重新调整下,如果能访问的请忽略这句话。

1.4K50

为什么你就不能加个空格呢?

手动加空格。 因此,总结下: 间距要有,但不一定是空格。 部分软件能自动呈现间距,那就不必加空格。 绝大多数软件不能自动呈现间距,那就需要手动加空格。...网页 有人说,我就是不想打空格,在网页中,我能像 Microsoft Word 一样不打空格而直接显示间距吗? 也就是说,我能不能设置一个 CSS 样式,就能使得中英文之间自动留有间距呢?...,另外还有浏览器插件可以用,列表如下: 浏览器插件 Google Chrome Mozilla Firefox 开发工具包 pangu.go (Go) pangu.java (Java) pangu.js...工具页面 这个是我用 Vue.js 开发的,实际上就是用了 pangu.js 这个库实现的,原理非常简单,主要目的就是为了方便空格排版。...如果不能访问的话好像是临时挂了,我重新调整下,如果能访问的请忽略这句话。 如果大家想获取源码,可以在公众号「进击的Coder」回复"空格"即可。 希望对大家有所帮助。

1.1K30

js去除字符串空格

使用js去除字符串内所带有空格,有以下三种方法: 1. ...replace正则匹配方法 去除字符串内所有的空格:str = str.replace(/\s*/g,””); 去除字符串内两头的空格:str = str.replace(/^\s*|\s*$/g,””...); 去除字符串内左侧的空格:str = str.replace(/^\s*/,””); 去除字符串内右侧的空格:str = str.replace(/(\s*$)/g,””); 示例: var str...缺陷:只能去除字符串两端的空格不能去除中间的空格 示例: var str = " 6 6 "; var str_1 = str.trim(); console.log(str_1); //6 6//输出左右侧均无空格...注意:$.trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格)和制表符。如果这些空白字符在字符串中间时,它们将被保留,不会被移除。

8.9K50

Java正则匹配空格_js正则表达式匹配空格

需求 针对tab键带来的多个空格问题,有时候我们针对带空格的一行数据要进行切割,如果有多个空格就会出现就会切割空格出现,我们想把空格都去掉,所以需要用到某些方法。...解决方案 利用正则表达式来匹配空格 \\s+ 首先利用split(“\\s+”);方法来对字符串切割,尽可能的匹配空格,这里也挺有意思,因为空格数目不一样,可以动态变换匹配的空格数量,这个实现原理可以看看底层原理...(\s*)表示连续空格的字符串。 []是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。[\s*]表示空格或者*号。...{}一般用来表示匹配的长度,比如 \s{3} 表示匹配三个空格,\s{1,3}表示匹配一到三个空格。 (0-9) 匹配 '0-9′ 本身。

11K10

JS篇(003)-请用 js 去除字符串空格

(/\s\*/g,""); 去除字符串内两头的空格:str = str.replace(/^\s*|\s*\$/g,""); 去除字符串内左侧的空格:str = str.replace(/^\s\*/,...var str = " 6 6 "; var str_1 = str.replace(/^\s*/, ""); console.log(str_1); //6 6 //输出右侧有空格左侧无空格...var str = " 6 6 "; var str_1 = str.replace(/(\s*$)/g, ""); console.log(str_1); // 6 6//输出左侧有空格右侧无空格...缺陷:只能去除字符串两端的空格不能去除中间的空格 示例: var str = " 6 6 "; var str_1 = str.trim(); console.log(str_1); //6 6//输出左右侧均无空格...注意:$.trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格)和制表符。如果这些空白字符在字符串中间时,它们将被保留,不会被移除。

6.6K20
领券