Google 小工具中的 javascript 验证

Question

我正在尝试验证文本输入以仅允许其中的数字值和“。”将插入到 Google 站点中的 Google 小工具的字符。我的台式机和笔记本电脑上的 HTML 和 JavaScript 代码可以完美运行，但是当我将代码嵌入 XML 小工具文件并从托管在 Google 代码中的 URL 创建小工具时，它在 PC 和智能手机上都不起作用，或者事实上任何事情。代码如下：

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="On Line Payroll Calculator" /> 
<Content type="html">
<![CDATA[ 
 <style>
  input{
  text-align: right;
  }
 </style>
 <table  id= "mytable" width="50%">
  <tr id = "row1"><!-- Row 1 -->
   <td><label>Basic Salary</label></td><!-- Col 1 -->
   <td><input / type="text" name="salary" onKeyPress="validate(event)"></td>
  </tr>
 </table>
 <SCRIPT TYPE="text/javascript">
  function validate(evt) {
   var theEvent = evt || window.event;
   var key = theEvent.keyCode || theEvent.which;
   key = String.fromCharCode( key );
   var regex = /[0-9]|\./;
   if( !regex.test(key) ) {
    theEvent.returnValue = false;
   if(theEvent.preventDefault) theEvent.preventDefault();
   }
  }
</SCRIPT>
]]>
</Content> 
</Module>

问题：如何在谷歌网站或谷歌小工具中进行此类验证？

Answer 1

尝试使用类型设置为数字的输入。这将自动验证自己，无需任何 JS。

 <td><input type="number" name="salary"></td>

这是一个 JsFiddle：http://jsfiddle.net/8apDY/

这是纯 Javascript 解决方案：http://jsfiddle.net/8apDY/20/