Как вывести alert что поля не заполнены?

@1nsan1ty · Регистрация: 18.08.2018

Author24 — интернет-сервис помощи студентам

У меня есть поля для заполнения ФИО. По заданию нужно сделать так, если поля Фамилии и Имени не заполнены(все остальное соответственно выбрано и заполнено) мы нажимаем на кнопку Add и должно вывестись сообщение alter(заполните поля Фамилия и Имя). Как это возможно реализовать? в коде C# или в коде HTML? и как это возможно сделать? может кто помочь? Новичок не понимаю вот некоторых штук. Буду очень признателен

C#

List<Person> lst = new List<Person>();
        public class Person
        {
            public string Famil;
            public string Imja;
            public string Otch;
            public string Pol;
 }
        protected void Page_Load(object sender, EventArgs e)
        {
            if (Session["l"] == null)
                Session["l"] = lst;
            lst = (List<Person>)Session["l"];
        }
 protected void Button1_Click(object sender, EventArgs e)
        {
           string Tex1 = TextBox1.Text;
            Person p = new Person();
            p.Famil = Tex1;
 string Tex2 = TextBox2.Text;
            p.Imja = Tex2;
            string Tex3 = TextBox3.Text;
            p.Otch = Tex3;

прилагаю фотки и код html

HTML5

 <form id="frm" class="form-horizontal" runat="server">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div id="frmH" runat="server" class="">
                        <h2><span class="glyphicon glyphicon-user" style="margin-left: 20px; padding-right: 20px"></span>Гражданин
                            <asp:Button ID="Button2" Style="margin-left: 20px" class="btn btn-default navbar-btn" runat="server" Text="Show" OnClick="Button2_Click" /></h2>
                    
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
        <div class="row" style="margin-top: 10px">
            
            <div class="col-md-5 col-sm-5" style="margin-left: 10px">
                    <div class="form-group">
                        <label for="TextBox1" class="col-sm-2 control-label">Фамилия</label>
                        <div class="col-sm-10 col-sm-10">
                            <asp:TextBox ID="TextBox1" class="form-control" placeholder="Фамилия" runat="server"></asp:TextBox>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="TextBox2" class="col-sm-2 control-label">Имя</label>
                        <div class="col-sm-10 col-sm-10">
                            <asp:TextBox ID="TextBox2" class="form-control" placeholder="Имя" runat="server"></asp:TextBox>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="TextBox3" class="col-sm-2 control-label">Отчество</label>
                        <div class="col-sm-10 col-sm-10">
                            <asp:TextBox ID="TextBox3" class="form-control" placeholder="Отчество" runat="server"></asp:TextBox>
                        </div>
                    </div>
 
                    <div class="form-group">
                        <label for="RadioButton1 RadioButton2" class="col-sm-2 control-label">Выберите пол</label>
                        <div class="col-sm-10 col-sm-10">
                            <asp:RadioButton ID="RadioButton1" class="radio-inline" Style="margin-left: 80px" Text="Мужской" runat="server" />
                            <asp:RadioButton ID="RadioButton2" class="radio-inline" Text="Женский" runat="server" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="date TextBox4" class="col-sm-2 control-label">Дата рождения: </label>
                        <div class="col-sm-10 col-sm-10">
                            <asp:TextBox ID="TextBox4" type="date" class="form-control" name="date" runat="server"></asp:TextBox>
                        </div>
                    </div>
                    <asp:Button ID="Button1" class="btn btn-primary btn-lg btn-block" runat="server" Text="Add" OnClick="Button1_Click" />
            </div>
                </div>
            </div>

@1nsan1ty · 13.09.2018, 17:17 **[ТС]**

ТОЛЬКО ЗАМЕТИЛ ТЕМА ПРО ALERT!!!!
устал немного к концу рабочего дня и перепутал

@sau · 13.09.2018, 20:12

http://htmlbook.ru/html/input/required
- не совсем алерт , но однозначно лучше.

@amr-now · 13.09.2018, 20:15

Javascript

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            document.getElementById("frm").onsubmit = validate_form;
 
            function validate_form() {
                if (!document.getElementById("TextBox1").value) {
                    alert("Введите фамилию!");
                    return false;
                }
                if (!document.getElementById("TextBox2").value) {
                    alert("Введите имя!");
                    return false;
                }
                return true;
            }
        });
    </script>

Обычный JS-валидатор на ID = TextBox1 и TextBox2
Там больше ничего не валидируется? Иначе будет конфликт.

@1nsan1ty · 13.09.2018, 23:55 **[ТС]**

Спасибо, возьму все на заметку
все работает! получилось осталось только разобраться! выручили!
ОГРОМНОЕ СПАСИБО

@1nsan1ty 0 / 0 / 0 Регистрация: 18.08.2018 Сообщений: 34
	13.09.2018, 17:17 [ТС]	2
	ТОЛЬКО ЗАМЕТИЛ ТЕМА ПРО ALERT!!!! устал немного к концу рабочего дня и перепутал 0

@sau 2735 / 2041 / 380 Регистрация: 22.07.2011 Сообщений: 7,731
	13.09.2018, 20:12	3
	http://htmlbook.ru/html/input/required - не совсем алерт , но однозначно лучше. 1

@1nsan1ty 0 / 0 / 0 Регистрация: 18.08.2018 Сообщений: 34
	13.09.2018, 23:55 [ТС]	5
	Спасибо, возьму все на заметку все работает! получилось осталось только разобраться! выручили! ОГРОМНОЕ СПАСИБО 0

Как вывести alert что поля не заполнены?

Решение