如何在 .NET 中使用 JSCRIPT 对文本框进行客户端验证

how to client side validation for a text box using jscript in .net

本文关键字:文本 验证 客户端 JSCRIPT NET      更新时间:2023-09-26

我们如何为文本框编写客户端验证。 例如:如果我们有一个登录页面,那么如何编写验证函数来检查必填字段。

我使用母版页设计了一个应用程序。 在这种情况下,当我尝试编写代码时,我没有在源页面中获取脚本。我收到错误,只允许内容控件意味着什么。如何进行我不明白。

登录页面设计:

<div id="contenttext" align="center" >

        <tr>
            <td colspan="2" style="background-color: #E2E2E2">
                <asp:Label cssClass="orangelogotext"  runat="server" ID="lblinformation" Text="Login :"></asp:Label>
            </td>
        </tr>
        <tr>
            <td align="center" style="background-color: #E2E2E2">
                <asp:Label cssClass="smalltext"  runat="server" ID="lblEmail" Text="Email">
                </asp:Label>
            </td>
            <td style="background-color: #E2E2E2">
                <asp:TextBox runat="server" ID="Email" CssClass="textbox">
                </asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="center" style="background-color: #E2E2E2">
                <asp:Label cssClass="smalltext"  runat="server" ID="lblpassword" Text="Password" >
                </asp:Label>
            </td>
            <td style="background-color: #E2E2E2">
                <asp:TextBox runat="server" ID="Password"  Width="133px" TextMode="Password" CssClass="textbox"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="center" style="background-color: #E2E2E2">
                <asp:Label cssClass="smalltext"  runat="server" ID="lblorganisationname" Text="Organisation Name">
                </asp:Label>
            </td>
            <td style="background-color: #E2E2E2"> 
                <asp:DropDownList ID="ddlorganisationname" runat="server" DataTextField="OrganisationName"
                    DataValueField="OrganisationID" CssClass="textbox">
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td align="center" colspan="2" style="background-color: #E2E2E2">
                <asp:Button runat="server" ID="btnlogin" Text="LOGIN" Height="34px" onclick="btnlogin_Click;return validateForm()" CssClass="btntext" />
            </td>
        </tr>
    </table>

问候德里蒂

如果使用母版页,请确保所有内容都位于 <asp:Content> 标记内。这就是为什么您只收到允许内容控件错误的原因。

<asp:Content ID="Content1" ContentPlaceHolderID="Contentplaceholder1" runat="Server">
***all the content***
</asp:Content>