How to hook into error of jQuery validate unobtrusive in MVC 3?

user_817479 0
Viewed 10742

Looking for a way to hook into the client side fail condition for the form.

I need to re-enable a submit button if the validation fails so they can try again.

I found the following: Using unobtrusive validation in ASP.NET MVC 3, how can I take action when a form is invalid? which might work but I was hoping to do this from a central place as the form can be submitted from several places.

Update:

This function seems to work well assuming you have an input tag with the class ".goButton".

<script language="javascript" type="text/javascript">
    $(".goButton").click(function () {
        if (!$(this).closest("form").valid()) {
            return false;
        }
        $(".goButton").after("Please wait...");
        $(".goButton").hide();
    });
</script>
asp.net-mvc-3 jquery-validate
2 Answers

I have away to achieve the OPs question, its simpler and more customisable:

In the C# MVC Controller:

[HttpPost]
public ActionResult CreateDirectory(string DirectoryName)
{
    return Content("Success");
}

In Page JQuery:

<script>
var jqxhr = $.post("/<Directory>/<File>", { myString: longString }, function () {
    if(jqxhr.responseText == 'Success')
        alert('Yay its working!');
    else
        alert('Failure its not working!');
})
.done(function () {
    //alert("second success");
})
.always(function () {
    //alert("finished");
})
.fail(function () {
    alert("Connection Error! Either the Server is offline or there is no internet connection.");
});
<script>

Of course, this is fully customisable and works a treat! By editing the Controller and JQuery code to suit your proposes.

This like handles the JQuery side:

if(jqxhr.responseText == 'Success') alert('Yay its working!');
user_11838040
Related