无法在FireFox中输入任何内容

时间:2013-01-17 03:24:15

标签: javascript css asp.net-mvc jquery-ui cross-browser

除了我所有的其他问题,我还遇到了奇怪的问题。我正在创建ASP.NET MVC应用程序。我正在使用flexigrid并尝试使用模态对话框。在IE中,Google Chrome和Opera I只能在Client No控件中键入数字,但在FireFox中我无法键入任何内容。

这是控制渲染的方式:

<div id="add-edit-dialog" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: 622px;" scrolltop="0" scrollleft="0">
<form id="add-edit-form" novalidate="novalidate">
<fieldset>
<legend>Client Info</legend>
<input id="fntype" type="hidden" name="fntype" value="">
<input id="ClientId" type="hidden" value="" name="ClientId" data-val-number="The field ClientId must be a number." data-val="true">
<div class="editor-label" style="background-color: rgb(255, 255, 255);">
<div class="editor-field" style="background-color: rgb(255, 255, 255);">
<input id="ClientNumber" class="numericOnly input-validation-error" type="number" value="" name="ClientNumber" data-val-required="The Client No field is required." data-val-remote-url="/Client/doesClientNoExist" data-val-remote-type="POST" data-val-remote-additionalfields="*.ClientNumber,*.ClientId" data-val-remote="Client Number already exists. Please enter a different Client Number." data-val-number="The field Client No must be a number." data-val="true">
<span class="field-validation-error" data-valmsg-replace="true" data-valmsg-for="ClientNumber">

我正在使用我自己的类numericOnly和类型编号(在Google Chrome中显示为微调器)。

我有CardNumbers.js文件,我用这种方式定义numericOnly类:

$(".numericOnly").keypress(function (e) {
    if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false;
});

上面的代码我刚才在其中一个StackOverflow问题中找到了它在其他浏览器中运行正常。

那么,你是否看到这里可能出现的问题以及为什么我只能在FireFox中输入任何内容?

3 个答案:

答案 0 :(得分:3)

试试这个解决方案。我希望这就是你要找的东西。

只需更改

<强>从

if (String.fromCharCode(e.keyCode).match(/[^0-9]/g))

if(String.fromCharCode(e.which).match(/[^0-9]/g))

答案 1 :(得分:2)

试试这个:

$(document).ready(function() {
        $(".numericOnly").keydown(function(event) {
            // Allow: backspace, delete, tab, escape, and enter
            if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || 
                 // Allow: Ctrl+A
                (event.keyCode == 65 && event.ctrlKey === true) || 
                 // Allow: home, end, left, right
                (event.keyCode >= 35 && event.keyCode <= 39)) {
                     // let it happen, don't do anything
                     return;
            }
            else {
                // Ensure that it is a number and stop the keypress
                if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
                    event.preventDefault(); 
                }   
            }
        });
    });

答案 2 :(得分:1)

这听起来更像浏览器问题。如果您的Firefox已过期,请尝试通过“帮助”&gt;进行更新关于或http://getfirefox.com/。我刚把它带到Firefox v18中的HTML测试平台(最新的发布频道),它运行良好。