如何通过一个弹出式键盘填写的表单字段号码（使用JavaScript / AJAX）(how to f

我有一个小项目，其中我需要制定与所有数字+退格+十进制（所有的按钮）的键盘。这些点击后的数字应填充表单字段（比如文本框）。此键盘应位于旁边的表单字段作为链接。

键盘应该是优选的Javascript / AJAX。另外，键盘例程应该以尽量减少弹出键盘有一个关闭按钮。（这是非常相似的，这是我们在票务网站上看到一个日历控件）。

围捕键盘程序确实没有什么花哨，但只是填充表单域，数字（按钮）被点击时。

我需要编码键盘程序帮助。如何设计的JavaScript？如何包括按钮（针对数字+小数点+ Backspace键在文件中）？如何代码中被点击的按钮后，那么该值在表单字段中显示的部分？

任何帮助是极大的赞赏。

谢谢

哪里的问题呢？

无需使用AJAX。非常快速和肮脏的例子：

测试在这里 - > 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样式表，函数等等