javascript - 如何通过弹出键盘在表单字段中填写数字(使用 Javascript/AJAX)

标签 javascript ajax keyboard formfield

我有一个小项目,其中我需要开发一个带有所有数字+退格+小数(全部作为按钮)的键盘。单击时这些数字应填充表单字段(例如文本框)。该键盘应作为链接位于表单字段旁边。

键盘最好是 Javascript/AJAX。此外,键盘例程应该有一个关闭按钮,以便最小化弹出键盘。 (它与我们在票务网站中看到的日历控件非常相似。)

对键盘例程进行四舍五入并没有什么特别的作用,只是在单击数字(按钮)时填充表单字段。

我需要键盘例程编码方面的帮助。我该如何设计 JavaScript?如何包含按钮(用于文件中的数字+小数+退格键)?如何编写当单击按钮时该值显示在表单字段中的部分?

非常感谢任何帮助。

谢谢

最佳答案

问题出在哪里?

无需使用ajax。非常快速而肮脏示例:

test here --> http://www.codebase.es/so/numpad.html

<html>
<head><title></title></head>
<body>

<script> function $(id) { return document.getElementById(id); } </script>

<input id="num" type="text" readonly="true"/>
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/>

<div id="keypad" style="display:none; background:#AAA; vertical-align:top;">
<input type="button" value="7" onclick="$('num').value+=7;"/>
<input type="button" value="8" onclick="$('num').value+=8;"/>
<input type="button" value="9" onclick="$('num').value+=9;"/><br/>
<input type="button" value="4" onclick="$('num').value+=4;"/>
<input type="button" value="5" onclick="$('num').value+=5;"/>
<input type="button" value="6" onclick="$('num').value+=6;"/><br/>
<input type="button" value="1" onclick="$('num').value+=1;"/>
<input type="button" value="2" onclick="$('num').value+=2;"/>
<input type="button" value="3" onclick="$('num').value+=3;"/><br/>
<input type="button" value="X" onclick="$('keypad').style.display='none'"/>
<input type="button" value="0" onclick="$('num').value+=0;"/>
<input type="button" value="&larr;" onclick="$('num').value=$('num').value.substr(0,$('num').value.length-1);"/>
</div>

</body>
</html>

不要“按原样”使用...使用 CSS 样式表、函数等。

关于javascript - 如何通过弹出键盘在表单字段中填写数字(使用 Javascript/AJAX),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1549359/

相关文章:

php - 将 JSON 数据从 Yelp API 附加到 html

php - ajax获取下拉依赖值

javascript - Ajax调用无法正常工作

javascript - 如何避免嵌套对象中的 'undefined' 错误

javascript - 如何使 containsNode() 在 IE 中工作?

php - 将HTML表单的输入数据插入JSON对象,然后将其存储在MYSQL中

c++ - 如何从 Vista 和 Windows 7 上的应用程序启动屏幕键盘

javascript - javascript 中的 keycode 和 fromCharCode

sql - 是否可以禁用 SQL Server Management Studio 2008 中的 'shift+space' 快捷方式?

javascript - 如何从字符串中剪切第三个符号并在没有第三个符号的情况下发出警报