我正在尝试验证文本输入以仅允许其中的数值和“。”。将插入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小工具中进行此类验证?
答案 0 :(得分:0)
尝试使用类型设置为number的输入。这将自动验证自身,无需任何JS。
<td><input type="number" name="salary"></td>
这是一个JsFiddle:http://jsfiddle.net/8apDY/
以下是纯Javascript解决方案:http://jsfiddle.net/8apDY/20/