c# - TextBoxとラベルの値を検証する方法

Question

ラベル値（データベースから取得）と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を使用できます。クライアントとサーバーの検証を使用します。