0

需要验证标签值（从数据库中获取）和文本框值（用户输入）。如果文本框字段值大于标签值意味着，必须显示错误或警告消息。

在此处输入图像描述

4

2 回答 2

1

这是一个简单的 Javascript 验证器，可以满足您的需求。

演示： jsFiddle

输出：

输出

脚本：

document.getElementById( 'numbers' ).addEventListener( 'keyup', function ( event ) {
    if( event.srcElement.className == 'validate' ) {
        var value = event.srcElement.value,
            validationValue = event.srcElement.nextSibling.textContent;
        if( isNaN( value ) ) {
            event.srcElement.nextSibling.className = 'error-nan';
        } else if( parseInt( value ) > parseInt( validationValue ) ) {
            event.srcElement.nextSibling.className = 'error-too-large';
        } else {
            event.srcElement.nextSibling.className = '';
        };
    };
} );

HTML：

<form id="numbers">
    <input class="validate" /><label>15</label><br />
    <input class="validate" /><label>7</label><br />
</form>

CSS：

.error-too-large::after {
    color: red;
    content: 'value too large';
    padding-left: 5px;
}
.error-nan::after {
    color: red;
    content: 'value not a number';
    padding-left: 5px;
}
于 2013-02-26T01:25:17.780 回答
0

您可以使用ASP.NET 验证控件。他们使用客户端和服务器验证。

于 2013-02-21T19:31:07.923 回答