JS中怎么用RequiredFieldValidator控件进行判断

2年 ago
桜, 春樹
1 minute

JSでは、RequiredFieldValidator コントロールを使用してフォームフィールドが空かどうかを検証できます。例を次に示します。

<script type="text/javascript">
    function validateForm() {
        var field = document.getElementById('<%=txtField.ClientID%>').value;
        
        if (field === "") {
            alert("该字段不能为空");
            return false;
        }
        
        return true;
    }
</script>

<asp:TextBox ID="txtField" runat="server" />
<asp:RequiredFieldValidator ID="rfvField" runat="server" ControlToValidate="txtField"
    ErrorMessage="该字段不能为空" Display="None" />

<asp:Button ID="btnSubmit" runat="server" Text="提交" OnClientClick="return validateForm();" />

この例では、validateFormという関数を定義し、document.getElementByIdを使用してtxtFieldコントロールの値を取得し、空でないかどうかを判断します。フィールドが空の場合、警告ボックスが表示され、falseを返します。それ以外の場合は、trueを返してフォームの送信を許可します。

そのあと、ボタンのOnClientClickイベントにこの関数をバインドして、ボタンクリック時に入力チェックします。また、サーバーサイドで入力チェックするためにRequiredFieldValidatorコントロールを定義しておき、フィールドが空欄の場合はエラーメッセージを表示させます。

bannerAds