asp.net TextBox需要是红色的，如果没有检查.使用JS / jQuery

本文关键字：检查 如果没有 使用 JS jQuery TextBox net 红色 asp | 更新日期: 2023-09-27 17:52:52

所以，这对你们来说可能很简单!但我是新手，不知道如何继续下去……如果我点击我的按钮"Skicka"，我没有在文本框中写入或勾选我的复选框，我需要他们的边界变成红色，而不是给我对话框…就像现在一样……

谢谢你的帮助!:)

下面是我的代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Contact.aspx.cs" Inherits="Uniqo.Pages.Contact" MasterPageFile="~/Layout/Main.Master" %>
<asp:Content ID="ContactHead" ContentPlaceHolderID="head" runat="server">
    <link href="../StyleSheets/Style.css" rel="stylesheet" />
    <script type="text/javascript">
        $(document).ready(function () {          
            $(".ShowDialog").click(function () {
                var myTextboxes = $(".Validate");    //.Validate
                var isValid = true;
                for (var i = 0; i < myTextboxes.length; i++) {
                    var textValue = $(myTextboxes[i]).val();
                    if (textValue == "") {
                        $(myTextboxes[i]).css("border-color", "Red");
                        isValid = false;
                    }
                }
                if (isValid == true) {
                    $(".messageSent").dialog();
                    $('.Validate').val(''); 
                    return false;
                }               
                return false;
            });
        })</script>
</asp:Content>

<asp:Content ID="ContactBody" ContentPlaceHolderID="MainContent" runat="server">
    <div class="messageSent" style="display:none;">
        Ditt meddelande är skickat! :)
    </div>
    <div id="ContactMainBody">
        <h2>Fyll i följande information för att skicka ditt meddelande.</h2>
        <p>
            Ditt namn: <br />
            <asp:TextBox ID="YourName" CssClass="Validate" runat="server" Width="250px" /><br /><br />
            Din E-mail: <br />
            <asp:TextBox ID="YourEmail" CssClass="Validate" runat="server" Width="250px" />
            <br /><br />
            Din fråga: <br />
            <asp:TextBox ID="Comments" runat="server" CssClass="Validate"
                TextMode="MultiLine" Rows="10" Width="400px" /><br />
        </p>
        <button id="ShowDialog" class="ShowDialog" style="height: 26px; cursor: pointer;">Skicka</button>
    </div>
</asp:Content>

asp.net TextBox需要是红色的，如果没有检查.使用JS / jQuery

你的代码应该是好的，但我相信你不需要点击事件，相反，你可以解决你的任务使用简单的css:

.ShowDialog:checked {
    border-color: #FF0000;
}
相关文章：