Jquery validation

Question

I am trying to solve a validation problem using Jquery ,but I cannot use jquery’s own lib to do this validation.

So far I managed to do a validation using only jquery ,but I came across the following problem ,when user does not fill the time field,"Required Field" appears on the side of the time field ,but when I will give Ubmit again with the unfilled field ,he repeats the msg again.

Code of the Jquery

$(document).ready(function()
{
    $('#region_btnSave').click(function ()
    {  
        var txtHValue = $("#region_tabVersao_N_txtH").val();
        var emailAddressValue = $("#region_tabVersao_N_txtM").val();
        if (emailAddressValue == '' || txtHValue == '') {
            $("#region_tabVersao_N_txtH").after('<span class="error">Campo Obrigadorio</span>',null);
            return false;
        }
        else {
            //not all text fields are valid
            $("#region_tabVersao_N_txtH").after('', null);
        }
    });
});

Validation field:

<td> 
    <asp:TextBox ID="txtH" runat="server" MaxLength="3" Width="40" />
    <span class="error"></span>
</td>

Answer 1

The repetition problem is related to this line:

$("#region_tabVersao_N_txtH").after('<span class="error">Campo Obrigadorio</span>',null);

Where .after adds the element after the $("#region_tabVersao_N_txtH").

I will use an example of what can be done, but it may not be the best option in your case, because the html code is not complete.

In this part modify:

<span class="error" id="errortxtH"></span>

And in this one, modify these lines:

$(document).ready(function()
{
    $('#region_btnSave').click(function ()
    {  
        var txtHValue = $("#region_tabVersao_N_txtH").val();
        var emailAddressValue = $("#region_tabVersao_N_txtM").val();
        if (emailAddressValue == '' || txtHValue == '') {
            $("#errortxtH").text("Campo Obrigatorio");
            return false;
        }
        else {
            //not all text fields are valid
            $("#errortxtH").text("");
        }
    });
});

The function was used .text jquery, to place the content (Required field) in the <span> and remembering that this code only adds mandatory field for course time input.

See if that clears your doubt.