Boa Noite!
Meu cenario é o seguinte:
Criei master page com referencia ao Jquery, Jquery validator e tambem coloquei um updatePanel e script manager.
Uma pagina(default.aspx) que contem meu formulario que será validado pelo JqueryValidator.
O problema esta na validação, ao confirmar o formulario em um <asp button> o jquery ate faz a validacao, mas a pagina é enviada para o server. Me corrigam se estiver enganado, mas ela faz uma postback e perco a validacao.
Para contornar este problema, peguei um exemplo deste site:
http://stackoverflow.com/questions/850777/asp-net-jquery-jquery-validation-plugin-updatepanel-nyromodal-success-f
Maravilha! ele cancela o postBack enquanto o validator retornar FALSE.
Mas eu estou com problema, essa alternativa funciona muito bem quando se tem um unico campo, mas quando tem dois campos por exemplo, ele se perde. Se o primeiro é valido e o segundo nao, esta funcao javascript esta retornando TRUE, mas na verdade
o formulario nao foi validado.
<%-- <script type="text/JavaScript" language="JavaScript">
function pageLoad() {
var manager = Sys.WebForms.PageRequestManager.getInstance();
manager.add_endRequest(endRequest);
}
function endRequest(sender, args) {
//Do all what you want to do in jQuery ready function
}
</script>--%>
<script type="text/javascript">
// By default, don't allow Postback until we've successfully validated our form on the client-side.
//var cancelPostback = true;
// Every single time the page loads, including every single AJAX partial postback
function pageLoad() {
// Reset the value to say that "We don't allow Postbacks at this stage"..
cancelPostback = true;
alert("Carregou");
// Attach client-side validation to the main form
//$("#aspnetForm").validate({ success: function () { alert('validation succeeded!'); cancelPostback = false; } });
// my code validation
$(document).ready(function() {
$("#aspnetForm").validate({
rules: {
<%=txtName.UniqueID %>: {
minlength: 2,
required: true
},
<%=txtEmail.UniqueID %>: {
required: true,
email:true
}
},
messages: {
<%=txtName.UniqueID %>:{
required: "* Required Field *",
minlength: "* Please enter atleast 2 characters *"
},
<%=txtEmail.UniqueID %>:{
email: "digite um e-mail valido"
}
},
success: function (validate){ cancelPostback = false; }
});
});
// Grab a reference to the Page Request Manager
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(onEachRequest);
//alert("Page Load");
}
// Our own custom method to be attached to each new/future page request..
function onEachRequest(sender, args) {
//alert("About to cancel? " + cancelPostback);
// Check to see if we need to Cancel this Postback based on Conditional Logic within this page..
args.set_cancel(cancelPostback);
}
</script>
Meus controles asp.net
Name: <asp:TextBox ID="txtName" MaxLength="30" runat="server" /><br />
Email: <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox><br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" onclick="btnSubmit_Click" />
O page load
protected void Page_Load(object sender, EventArgs e)
{
// txtNome.Attributes.Add(" onClick ","alert('alertao');");
if (!IsPostBack ) {
Label1.Text = "Page Aqui é not PostBack";
}
else
{
Label1.Text = "So passou pelo Page";
}
}
go live
