Google小工具中的javascript验证

时间:2014-03-03 14:31:41

标签: javascript html xml google-gadget

我正在尝试验证文本输入以仅允许其中的数值和“。”。将插入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>

问题:如何在Google网站或Google小工具中进行此类验证?

1 个答案:

答案 0 :(得分:0)

尝试使用类型设置为number的输入。这将自动验证自身,无需任何JS。

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

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

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