如何验证TextBox和标签值

Question

需要验证标签值（从数据库获取）和TextBox值（用户输入）。如果Textbox字段值大于标签值，则必须显示错误或警告消息。

Answer 1

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

演示：

输出：

  

脚本：

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;
}

Answer 2

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