Trying to use BlockUI and asp.net validation groups on a page but the validators are not fired.How to check which control fired the event and fire the validation group of that event inside jquery ?Here is the script file.
Sys.Application.add_init(function() {
// Allows the div.blockMsg style in CSS to
// override BlockUI's defaults.
$.blockUI.defaults.css = {}; [code].....
I have developed a payment processing form where user fills the payment details and submit the button "Pay Now" ..what i want is to block the entire UI with the message "Processing Payment..." and with a slight delay right after payment processing stored procedure executes (in code behind) it should UNBLOCK the UI. Actually i was having multiple postbacks from user due to the slight delay ...I dont want to disable button.
View 1 RepliesI am using BlockUI to show a modal. Within the blocked modal I have an update panel. Within the update panel I have a textbox and a button that submits the content back to the server. Everything works fine up to this point (the blockUI is called, the modal appears, and the button performs the postback). However, when the button's click event is fired the value for the textbox is consistently empty even if text was entered. When the update panel updates the textbox shows up blank. It appears that this may be some sort of viewstate issue and I haven't turned off viewstate.
<a href="javascript:$.blockUI({ message: $('#divTest') });">SHOW MODAL</a>
<div id="divTest" style="display: none;">
<asp:UpdatePanel ID="upTest" UpdateMode="Conditional" runat="server">
[code]...
I want to show a Jquery blockUI when I click an asp:button that triggers a serverside function.
When the function ends, I want to do the unBlockUI.
I have a question about the blockUI plugin.There are only three controls in my aspx page. Two buttons and one label.There is one button and one label sitting inside a hidden Div. The second button is outside the div.
When I click on the button outside, the modal popup will show (means the hidden div shows)My purpose is to let the label control to display some text when I click on both buttons. Sounds very simple, right? But with blockUI, it seems very difficult to me.The problem is, when I click either button, the label control doesn't display anything. It seems that BlockUI fires before the postback.
Here is my code
For ASPX file:
[Code]....
Code Behind.[Code]....
While using blockUI function of Jquery I am getting below Error:
parentNode is Null Or not an object I am display a div using the below code
$.blockUI({message:$('#divID')});
First time it will execute nicely but second time it gives error.
i'm trying to intercept ajax requests with jquery, to display a waiting message like with using plugin BlockUI, but how can i intercept requests sended by the UpdatePanel provided from asp.net framework, is some way to take the trigger?
View 2 RepliesI'm using jQuery BlockUI Plugin to show busy message when a click event is fired.
In the scenario below, it's working fine. The busy message shows and locks UI on click event, and dissapears when postback's done.
No file creation involved, which invokes browser Open/Save As dialog box
Mark-up:
$(function() { // when document has loaded
($.unblockUI); //unlock UI
//Show busy message on click event and disable UI
$('#btnDemo').click(function() {
[Code]....
I want to get rid of the busy message and unlock the UI when Open/Save As dialog box appears.
i have Build Simple Form And Fires The Validation In Control And Write Codfe in Button Event but Code Executes First and Then Fires validation.
View 4 RepliesI have a long form having bunch of textboxes with validation controls. Submit button is on last of the page. for clicking submit button user needs to scroll to down the page. After clicking submit button, If any validation control fires. user is not knowing until he scroll up again.So I kept a lable next to submit button to show, if any validation controls fires. in code behind I wrote code like this
[Code]....
But control is not coming to here after validition control fires. my question is How should I show this lable visible "True" after validation control fires?
I have a required field validator to validate a dropdownlist. this dropdownlist is an autopostback one, and it's causevalidation property is set to be false.the issue is, when I select the default item, the validation message shows, but the still do the postback. And after the postback, the message disappers.here is the snippet of codes:
<asp:RequiredFieldValidator ID="ContactMethodRequired" runat="server" ControlToValidate="ContactPreferences"
Display="Dynamic" ErrorMessage="Please choose your contact method"
EnableClientScript="true" InitialValue=""></asp:RequiredFieldValidator> [code].......
I have an update panel which contains a number of controls. The update panel is triggered by the OnSelectedIndexChanged event of a dropdownlist called: ddlUSCitizenshipStatus. It works as expected when I selected a new item.
However, if I leave ddlUSCitizenshipStatus with the default value, and then click "submit" button on the page, the requiredfieldvalidators say there is an error on ddlUSCitizenshipStatus (which it should, as I never selected a value). So I then choose a value, the error message goes away on ddlUSCitizenshipStatus, however the updatepanel does not refresh. I've debugged this locally and the OnSelectedIndexChanged event for ddlUSCitizenshipStatus does not fire.
If I choose an item in the ddlUSCitizenshipStatus list a second time, the OnSelectedIndexChanged server event fires and the update panel refreshes and works as expected.The issue is, I have to select an item in ddlUSCitizenshipStatus twice, after failed validation, before the updatepanel it's sitting in updates.The submit button on the page looks like this:
[Code]....
If I remove my custom OnClientClick script, making the submit button look like this:
[Code]....
The dropdownlist, update panel, and reguiredfieldvalidator all work as expected. However, I need to run that custom "ValidatePage()" script when the button is clicked.Below is what my ValidatePage script looks like. I've been troubleshooting this for more hours than I can count.... I hope someone is able to help me. Please let me know if you can figure out why ddlUSCitizenshipStatus doesn't update the updatepanel until the second click after a failed validation.
[Code]....
Is there a method in jQuery that I can customize an invalid validation myself instead of using jQuery plug-in validation?
For example, if the form is valid do this below.
$('form').validate();
if ($('form').valid()) {
//do something
};
But if I wanted to have a cutomize invalid method I could do this below.
$('form').validate();
if (!x == y) {
$('form').valid() = False; //[:(]
alert('Form is not valid.');
};
I've got the an bit of ajax and the succeed runs twice. I've got a global var that I used to keep track.
Code:
var counter = 0
$('#txtLookupText').keyup(function(event) {
$(document).ready(function() {
});
$.ajax({
type: "POST",
url: 'ContactLookup.aspx/LookupContacts',
data: "{'inputStr': '" + $('#txtLookupText').val() + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
AjaxSucceeded(msg);
},
error: AjaxFailed
});
});
function AjaxSucceeded(result) {
if (result.hasOwnProperty("d")) { result = result.d; }
var li = ''
for (i = 0; i < result.length; i++) {
li += result[i].FirstName + ' ' + result[i].LastName + '
}
counter += 1
alert(counter)
}
function AjaxFailed(result) {
alert(result.status + ' ' + result.statusText);
}
I moved the counter to the POST and only got one alert box. In the succeed, I get 2 alert boxes in succession.
I've got an odd situation with a text box and an autocomplete setup on my page. I'm using a JQuery based autocomplete on a text box that has AutoPostBack="True". This works perfect if I use the keyboard to select an autocomplete item, which then fires Jquery to fill in the text box, and then when I tab out of the box the AutoPostBack fires. If, however, I click on an autocomplete item, my text box loses focus first and the AutoPostBack fires before the Jquery has a chance to change the text in my text box. Is there a way to delay either the PostBack or the Jquery so that they don't fight each other? I'm thinking it may have to be the PostBack that gets changed, since the JQuery would lose it's state on the PostBack
View 1 RepliesjQuery validation is working fine on my machine, when i pushed it to test server it won't it's throwing some errors which is kind of surprising.These are the errors I am getting: $.validator is null or not an object...I've never gotten this error before and it throwing an error when I declared a variable like var isValid.I don't know what to do. I am doing the custom validation methods not in the document.ready(). Does this cause this error? I wonder because all jquery validations are passing and hitting the server side validations.
View 1 RepliesI've tried to wrap up my problem with a complete example below - the original problem is part of a jQuery plug-in that I'm writing to extend the behaviour of an ASP.NET ajax application I already have.
The aspx page below has one drop down list which is marked for auto post back. I've also bound a change event using jquery (which ultimately I will swap for a .live() event to maintain the binding after the update panel refresh.) The problem is, when the jQuery event is bound I see two ajax begin requests and page_loads fire but only one ddlTest_OnselectedIndexChanged event. One of the page loads is malformed too - the content-length states it's about 300 bytes long whilst the totalBytes is 0 and form data empty. This does not happen if I bind to the click event of a button.
why the erroneous page_load event is firing ?
[code]....
Is there a standard practice for localizing the JQuery Validation messages?
I've been able to hack something together by declaring my own ClassRules and referencing them instead of the default ones.
My code.
[code]...
Im using the ms validation blocks to validate user input posted using jquery (ajax). Can someone give me an example of the best way to inform the user that the data does not validate.
Do i simply throw an exception and use the error event of the $.ajax function to inform the user of the issues or is there a better way of handling this?
to directly get all elements in a form who contains a non html attribute ?
<input .... customAttribute="validateMe">
So I could find all input elements that will require validation.And use this in a loop to add validation to the input's found :
$('input').attr("customAttribute").val() == "validateMe"
I could also write every validation for each object separately, I have only a few elements who uses a required validation but it would be nice that I could do this in one shot instead of repeating the $("input").rules("add .....
In my master.page I load a Web form:
<script type="text/jscript">$("#LoginInformation").load("LoginInformation.aspx");</script>
But when I have a ListView or DataView, etc... with a pager, I get problems when I click on 'next page'.Then I get the error: Validation of viewstate MAC failed. When I don't use Jquery's load function, I don't get an error.
I am having some problem with Jquery validation.
In my application i am using jquery validation plugin..I am using Updatepanels and i am validating using
Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(ValidateMyForm);
and ValidateMyform will validate on each button click...
var objPost = args.get_postBackElement();
if (objPost === null || objPost === undefined) return;
if (objPost.type == 'submit') {[code].....
Here I want to get back the page to normal stage(like after a full page postback)...even though after async postback the validation is still active...it should not get back to normal and its throwing errors if i enter something wrong...this is because the page is not fully refreshed on asyc postbacks...I just want get the like the normal after each asyc post back...
I tried using submit and reset to reset the page but its became to normal..the validation is still active...I have no idea what to do..
has anyone implemented date range vaildation using jquery.validate file? when i m trying to implement it with mvc application its not working properly , as its working only for numeric types. wl range validator of jquery validate only numeric values ?
View 2 RepliesI have created the validation using jquery in my asp.netform with post mehtod.but i have replicate the same in usercontrol.But in useroncontrol i dont have any form and i cant give any action and any post mehtod. how to do validation using jquery in usercontrol.
View 2 RepliesBlockUI is throwing some exception when using its demos on IE9 beta.Meanwhile, does anyone know a similar feature in jQuery for showing a "Please wait" message when ASP.NET AJAX is processing?
View 1 Replies