18910140161

JavaScript-输入数据后将表单输入字段转换为只读-堆栈溢出

顺晟科技

2022-10-19 14:26:35

192

我试图找出是否可以用以下逻辑更新下面的代码: 输入文本后,将字段设置为只读。 基本上,它是一个签名字段,我们希望在有人输入值时立即锁定它。

<strong>Logistics Chief:</strong></span></td>
            <td><span style="font-size: 10pt; font-family: Arial;"><input type="text" style="width: 200px; height: 22px;" value="" fieldname="Field_31"><br>

顺晟科技:

这可以用一些普通的JavaScript来完成。这里有2个用来锁定和解锁输入字段的函数。使用输入的HTML属性,我们访问该事件以取消对焦字段,也就是离开字段的编辑模式。然后我添加了一个按钮来再次解锁它,因为如果用户设法将type-o放入其中,而没有其他方法可以修复它,那么他/她将会非常恼火。

html:

<strong>Logistics Chief:</strong></span></td>
            <td><span style="font-size: 10pt; font-family: Arial;"><input type="text" style="width: 200px; height: 22px;" value="" fieldname="Field_31"><br>

这里又是同一个HTML,更少的混乱,更多的复制粘贴:able:

<strong>Logistics Chief:</strong></span></td>
            <td><span style="font-size: 10pt; font-family: Arial;"><input type="text" style="width: 200px; height: 22px;" value="" fieldname="Field_31"><br>

js(放在页面底部的前面):

<strong>Logistics Chief:</strong></span></td>
            <td><span style="font-size: 10pt; font-family: Arial;"><input type="text" style="width: 200px; height: 22px;" value="" fieldname="Field_31"><br>

它位于ajsfiddle

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航