表单字段数量向上/向下按钮,不允许负数
Form field quantity up/down buttons, don't allow negative numbers?
http://jsfiddle.net/KYDPd
有没有办法使最小数字为 0,并且允许用户在向下单击时低于 0?
<form>
<input type="text" name="name" value="0" />
<input type="button" value="up" onclick="this.form.name.value++;" >
<input type="button" value="down" onclick="this.form.name.value--;">
</form>
如果不需要单独的按钮,并且HTML5是一个选项,你可以使用这个:
<form>
<input type="number" min="0" name="name" value="0" />
</form>
这应该可以解决问题。 在允许每个操作之前检查值是多少。 还向文本输入添加了 onchange,以强制执行您的最低 0 要求。 同意其他答案,这应该在一个函数中。
http://jsfiddle.net/xqV6V/1/
<form>
<input type="text" name="name" value="0" onchange="if(this.value<0){this.value=0;}" />
<input type="button" value="up" onclick="if(this.form.name.value>=0){this.form.name.value++;}" >
<input type="button" value="down" onclick="if(this.form.name.value>0){this.form.name.value--};">
</form>
你可能应该把这个JavaScript放在一个函数中。
<form>
<input type="text" name="name" value="0" />
<input type="button" value="up" onclick="this.form.name.value++;" >
<input type="button" value="down" onclick="if(this.form.name.value>0)this.form.name.value--;">
</form>
带有功能的附加答案。
<script>
function ud_find_text(self) {
var children = self.parentNode.getElementsByTagName('input');
for (var i = 0; i < children.length; i++) {
if (children[i].getAttribute('type') == 'text') {
return children[i];
}
}
}
function ud_inc(self) {
var text = ud_find_text(self);
text.value++;
}
function ud_dec(self) {
var text = ud_find_text(self);
if (text.value > 0) text.value--;
}
</script>
<form>
<input type="text" name="name" value="0" />
<input type="button" value="up" onclick="ud_inc(this)" >
<input type="button" value="down" onclick="ud_dec(this)">
</form>
相关文章:
- PHP Javascript显示/隐藏按钮不工作
- Don'不允许将焦点集中在自动完成的选择上
- 为什么不是'这个jQuery汉堡包按钮不工作
- JS动态添加字段-删除按钮不起作用
- 覆盖在赢得'不允许点击下面的标记,谷歌地图api v3
- js文件未加载js控制台say's”;不允许加载本地资源”;
- Jquery不允许来自多个选择列表的相同值
- Internet Explorer 8不允许动态创建按钮
- ASP表单在服务器上运行,不允许内部HTML按钮onlick setInterval工作
- 此时不允许在元素按钮上使用属性 href
- 表单字段数量向上/向下按钮,不允许负数
- a4j:命令按钮不允许"<"在渲染中
- 启用后退按钮而不允许通过URL进行手动更改
- ASP页面窗体操作不允许ASP按钮单击启动
- 它不允许我选择按钮,如果javascript是在$(文档).准备功能
- 我用这个代码来创建按钮,允许画布清除,但它不工作
- IE9不允许输入按钮标签
- IE不允许为输入文件定制浏览按钮
- 按钮和POST方法-不允许执行javascript方法
- 在firefox中创建自定义按钮(使用自定义按钮插件)不允许我调整按钮图像的大小