0 
 <label class="user-reg-label fl">Percentage:<span class="required">*</span></label>
     <input class="user-reg-input fl" type="text" name="Percentage[]" id="Percentage1" value="" maxlength="5" />

这是我的 html 代码。我需要使用 javascript 验证此输入字段才能仅输入 5 个值，例如99.99

4

5 回答 5

1

这是格式化，而不是验证，但这似乎是 OP 真正想要的（我认为）。

var input = document.getElementById("Percentage1"),
    onlyNumbers = input.value.replace(/\D/g,""), // Remove all nondigits
    cleanNumbers = onlyNumbers.substr( 0, 4 ); // Limit to four digits

// Add decimal if more than two digits in length
if( cleanNumbers.length > 2 )
{
    cleanNumbers = cleanNumbers.substr( 0, 2 ) + "." + cleanNumbers.substr( 2 );
}

input.value = cleanNumbers;
于 2012-11-28T04:55:26.590 回答
1

使用类似下面的 Jquery 可以工作。

文本框

 <input class="user-reg-input fl" type="text" name="Percentage[]" id="Percentage1" value=""  onpaste="return false"
        onkeypress="if(event.keyCode<48 || event.keyCode>57)event.returnValue=false;" maxlength="6" />

jQuery

$(document).ready(function ()
  {
     $('#Percentage1').keyup(function (event)
    {
        var currentValue = $(this).val();
        var length = currentValue.length;

        if (length == 2)
        {
            $(this).val(currentValue + ".");
        }
        else if (length == 5)
        {
            $(this).val(currentValue + "%");
        }
    });
});

这适用于您的基本要求，但是有一些需要改进的地方。如果用户尝试删除多个号码，它不起作用，或者如果他们尝试使用退格键

于 2012-11-28T05:10:53.817 回答
0

您可以为此使用 keyup 或 keypress 功能

<input onkeyup="myFunction()" class="user-reg-input fl" type="text" name="Percentage[]" id="Percentage1" value="" maxlength="6" />

function myFunction()
{
var input = document.getElementById("Percentage1");

if( input.value.length > 6 )
{
alert( "too many characters" );
return false;
}
}

更新：

<input type="text" id='text_field' onkeyup="check()"/>
    <script>
        function check()
        {
            var len=document.getElementById('text_field').value.length;
            if (len==2)
                document.getElementById('text_field').value=document.getElementById('text_field').value+".";
            if (len==5)
                document.getElementById('text_field').value=document.getElementById('text_field').value+"%";
        }
</script>
于 2012-11-28T04:59:49.163 回答
0

好的，然后有一个文本字段，只有当您输入“99.99%”类型模式时，它才会验证

    <script type="text/javascript">
function fnc(){
pattern=/\d+[.]+\d+[%]/g;
text=document.getElementById("atext").value;
x=pattern.test(text);
alert(x);
}
</script>
<input type="text" maxlength="6" id="atext">
<input type="button" onClick="fnc()" value="click me">
于 2012-11-28T05:14:43.073 回答
0

试试这个，

带脚本部分

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#test').blur(function() {
        if ($(this).val().match('(^100(\.0{1,2})?$)|(^([1-9]([0-9])?|0)(\.[0-9]{1,2})?$)')) {
                alert("Percentage Matched");//Any thing which you want

            }
            else
                alert("Not Valid Input");
        });
    });
</script>

和文本框代码

<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="test" runat="server"></asp:TextBox>
</div>
</form>

于 2012-11-28T05:24:01.690 回答