validation of form with Jquery within asp.net mvc4 application

Question

I am a beginner with Jquery and asp MVC4 I use the Jquery validate plugin

 <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js" type="text/javascript">

the code

<script>
      jQuery(document).ready(function() {
          jQuery("#monFormulaire").validate({
              rules: {
                  "reclamation": {
                      "required": true,
                      "minlength": 4,
                      "maxlength": 60000
                  },
                  "cause": {
                      "required": true,
                      "minlength": 4,
                      "maxlength": 60000
                  },

                  "curative": {
                      "required": true,
                      "minlength": 4,
                      "maxlength": 60000
                  },

                  "Closing_date": {
                      "required": true,
                      "minlength": 1,
                      "maxlength": 60000
                  }
              },
              submitHandler: function (form) { /* envoyer Mail*/
                  mailJob();
              }
          });
      });

        <button type="submit" value="Page5" name="btnPage1" style="margin-left:1%" class="backRow" ></button>

  <table border="1"  class="mytab" style="margin: auto;">
      formulaire .
 </table>

</form>

The validation runs in the right way but the Action in the server side is not invoked anyone have any Idea ???

The action on the server side won't be invoked until you've passed client-side validation. — MakingItUp
– MakingItUp, Commented Oct 25, 2013 at 15:23
the validation in the client side work fine submitHandler: function (form) { /* envoyer Mail*/ mailJob(); } this function is invoked but only server side is not invoked — monther zlatan
– monther zlatan, Commented Oct 25, 2013 at 15:33
@slatniawadii and when you've filled in your form correctly, and client-side validation is passed, what happens then? — MakingItUp
– MakingItUp, Commented Oct 25, 2013 at 15:36
nothing but when I remove the script of validation all run ok I think it is prob of this bad plugin I will try to develop my own — monther zlatan
– monther zlatan, Commented Oct 25, 2013 at 15:41

MakingItUp · Accepted Answer · 2013-10-25 15:24:31Z

1

The action on the server side won't be invoked until you've passed client-side validation

answered Oct 25, 2013 at 15:24

MakingItUp

4,7562 gold badges23 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

monther zlatan Over a year ago

yes I know I am sorry for not giving you alot of details because it's not my code I just try to repaire it it is full of errors but in this code all run good when I move this code submitHandler: function (form) { /* envoyer Mail*/ mailJob(); } I add it just to run a javascript fuction if form valid

Benoît BEGUIN · Accepted Answer · 2013-10-25 15:52:02Z

1

What is your < form ... > node definition?

Did you define a target, a method (get/post)?

Note: sometimes, you could also need to disable request validation if you send strange data (like code, SQL etc.) in your form. To do that, put validateRequest="false" on your page definition in your ASPX file:

<@ Page [...] validateRequest="false" [...] %>

Note 2: don't forget to remove validateRequest="false" if it's not the answer - it could give you security issues.

answered Oct 25, 2013 at 15:52

Benoît BEGUIN

462 bronze badges

2 Comments

monther zlatan Over a year ago

thank you for answering me yes I just put a little bit of my code because satckoverflow don't allow to post a lot of code all run good when I remove this part of code submitHandler: function (form) { /* envoyer Mail*/ mailJob(); }

monther zlatan Over a year ago

this is a function to be run after validate form just before calling the server side

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

Disable your client validation first and make sure that when your form is submitted, it invoke the action with the HttpPost attribute on you controller.

[HttpPost]
public ActionResult YourAction()

Once this is working, re-enable your client validation and add

@Html.ValidationSummary(false)

It will also help if you can use Chrome Dev Tools: Networking and the Console to check your traffic.

Edit: Add form.submit(); at the end of your mailJob() function. Your initial form submit was consumed by the submitHandler and no longer applies to your form.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 25, 2013 at 15:40

Rachid

8326 silver badges7 bronze badges

7 Comments

monther zlatan Over a year ago

thank you rachid as I say at first I am a beginnner, I have located the probleme is in submitHandler: function (form) { /* envoyer Mail*/ mailJob(); } I wanna to excute this function when my form is valid

monther zlatan Over a year ago

the probleme come with this methode submitHandler: function (form) { /* envoyer Mail*/ mailJob(); } it works fine when I remove that

Rachid Over a year ago

Please comment out the mailJob(); /*mailJob();*/ If your code works then it means you have something wrong in your mailJob() function. It would be helpful if you can list the code for that one as well.

Rachid Over a year ago

Do you have a mailJob() function defined somewhere in your code?

monther zlatan Over a year ago

yes and it works fine but it prevents the action methode to be excuted

|

Collectives™ on Stack Overflow

validation of form with Jquery within asp.net mvc4 application

3 Answers 3

1 Comment

2 Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related