validar control textbox asp.net
Publicado por Aflredo (1 intervención) el 27/06/2019 21:16:34
Estamos aprendiendo Jquery, tradicionalmente programamos formularios web asp.net y validamos al hacer postback, la particularidad de los formularios es que son heredados de un master.page. He probado validar webform normales con jquery y me ha funcionado, sin embargo con heredados no se que me falta. Les adjunto mi primero el código del webform y luego el del archivo js, le hago debug y entra al código js, pero no se refleja en el webform los mensajes de campo requerido.
Este es mi webform heredado
Este es mi archivo js con las validaciones:
Este es mi webform heredado
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MasterPage.Master" CodeBehind="WebForm29.aspx.vb" Inherits="WebTestApp.WebForm29" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="panel panel-default">
<div class="panel-body" runat="server">
<div class="row">
<h1>Responsive Text</h1>
<div class="col-sm-3 col-md-2 col-lg-2">
<label for="txtfirstname">First Name</label>
</div>
<div class="col-sm-10 col-md-10 col-lg-10">
<asp:TextBox id="txtfirstname" runat="server" name="txtfirstname" ></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-sm-3 col-md-2 col-lg-2">
<label for="lname">Last Name</label>
</div>
<div class="col-sm-10 col-md-10 col-lg-10">
<input type="text" id="lname" name="lname" placeholder="Your last name.." />
</div>
</div>
<div class="row">
<div class="col-sm-3 col-md-2 col-lg-2">
<label for="country">Country</label>
</div>
<div class="col-sm-10 col-md-10 col-lg-10">
<select id="country" name="country">
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-3 col-md-2 col-lg-2">
<label for="subject">Subject</label>
</div>
<div class="col-sm-10 col-md-10 col-lg-10">
<textarea id="subject" name="subject" placeholder="Write something.." style="height: 200px"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-3 col-md-2 col-lg-2">
<asp:Button ID="Button1" runat="server" ClientIDMode="Static" Text="Button" />
</div>
</div>
</div>
</div>
<script src="Scripts/Formas/WebForm29.js"></script>
</asp:Content>
Este es mi archivo js con las validaciones:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function () {
});
$("#Button1").click(function () {
var first_name = $("input[id$=txtfirstname]").val();
var last_name = $('#lname').val();
var ciudad = $('#country').val();
//$(".error").remove();
if (first_name.length < 1) {
$("input[id$=txtfirstname]").after('<span class="error">This field is required</span>');
}if (last_name.length < 1) {
$('#last_name').after('<span class="error">This field is required</span>');
}if (ciudad.length < 1) {
$('#country').after('<span class="error">This field is required</span>');
}});
Valora esta pregunta
0
