我需要在javascript中设置我的文本框
I need to set my text box in javascript
下面有一个函数,它创建了一个文本框,只允许数字输入,每次出现新行时都会出现。我的问题是,我不知道如何在文本框上编写这些功能:
-
框不允许输入字母(如果输入了字母,它会自动退格)
-
数字只能在0到100之间,小于0则显示0,大于100则显示100
有没有人知道如何在javascript中使用我的函数来编写这个:
function insertQuestion(form)
{
var row = document.createElement("tr");
var cell, input;
cell = document.createElement("td");
cell.className = "weight";
input = document.createElement("input");
input.name = "weight_" + qnum;
input.onkeypress = "return isNumberKey(event)";
cell.appendChild(input);
row.appendChild(cell);
}
您需要连接一个击键侦听器,并且在每次击键之后,您需要验证文本框中的内容,删除不需要的字符。使用jQuery来设置这一切要容易得多。
这个答案将引导你走向正确的方向:
仅当键是字母或数字时才对keyup发出警告
将此添加到输入的onblur或onkeypress事件中:
function leaveTextBoxFunc(){
textBoxVal = document.getElementById('<your_input_element_id').value;
if(isNaN(textBoxVal))
{
document.getElementById('<your_input_element_id').value = '';
return;
}
if( parseFloat(textBoxVal)>100)
document.getElementById('<your_input_element_id>').value = 100;
if(parseFloat(textBoxVal)<0)
document.getElementById('<your_input_element_id>').value = 0;
}
input.onblur = function(){ leaveTextBoxFunc() };
或
input.onkeypress = function(){ leaveTextBoxFunc() };
需要设置input
元素的类型,如下所示:
input.type = "text";
没有测试,但应该做的工作。
相关文章:
- Jquery - 为什么我不能在 $.ajax 中访问/设置我的 var
- 如何在数组中设置我的对象
- setRequestHeader 不起作用,我想设置我的标头,然后在 Amazon EC2 中的 ajax 中发出 GE
- 如何设置我的变量,以便 D3 数据更新找到正确的对象属性
- 设置我的ASP.NET MVC 3项目自动感知正在运行的语言
- 我如何设置我的网页以接受文本字段的输入,并将其用作页面上的新文本
- 用Backbone.js设置我的模型
- 如何设置我的标题的动画,以便在加载时从左水平滑动到页面视图
- 如何设置我的wamp以允许来自其他域的请求
- 想知道为什么我的JQuery数组循环没有设置我的href's正确
- 如何使用Angular$location通过动态更改其键值params来设置我的新url位置
- 如何设置我的表单成为隐藏时加载页面
- 我需要在javascript中设置我的文本框
- 如何在我的例子中设置我的Angular指令
- 如何设置我的文本编辑器的最大长度
- 我如何设置我的cookie到一个特定的域
- 我怎么能设置我的倒计时脚本的当前日期
- 谷歌地图设置我的位置
- 我如何设置我的菜单滑出,只有当标题悬停
- 如何在bookshelf.js中设置我的数据库模型