jQuery.validate display error in a error message box

Question

i'm using the follow below to display error message next to each unfilled field. I'd like to simplify things and just have a ErrorBox appear that says "Please fill in all fields" when the submit button is clicked and fields are not filled. class="required" is being used on each field type that is required. how would I do this, do I use showError ?

<script type="text/javascript">
$(document).ready(function() {
    $("#form1").validate({
        errorLabelContainer: $("#form1 div.error")
    });
</script>

maybe that will help docs.jquery.com/Plugins/Validation#demo jquery.bassistance.de/validate/demo/marketo — Sora
– Sora, Commented Aug 25, 2012 at 8:33
@Sora i'm looking for a popup dialog error box. I've seen the above examples that print the error in a div — acctman
– acctman, Commented Aug 25, 2012 at 8:45

Sora · Accepted Answer · 2012-08-25 09:27:15Z

2

Code

Displays a message above the form, indicating how many fields are invalid when the user tries to submit an invalid form.

$(".selector").validate({
invalidHandler: function(form, validator) {
  var errors = validator.numberOfInvalids();
  if (errors) {
    var message = errors == 1
      ? 'You missed 1 field. It has been highlighted'
      : 'You missed ' + errors + ' fields. They have been highlighted';
    $("div.error span").html(message);
    $("div.error").show();
  } else {
    $("div.error").hide();
  }
}
 })

instead of using a div use another jquery library that can display a pop up window with the same error message

answered Aug 25, 2012 at 9:27

Sora

2,55319 gold badges78 silver badges151 bronze badges

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

2 Comments

acctman Over a year ago

i'm trying to do a dialog popup box. I have no problem displaying the error in a div like in my original post.

Sora Over a year ago

use jquery dialog instead of $("div.error").show(); use $("div.error").dialog(); and that's a link for the api jqueryui.com/demos/dialog

codeandcloud · Accepted Answer · 2012-08-25 09:34:31Z

0

The validate plugin has invalidHandler: function(e, validator) which will suit your needs.

A small demo: http://jsfiddle.net/codovations/5YHQb/1/

edited Aug 25, 2012 at 9:34

answered Aug 25, 2012 at 9:01

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

2 Comments

acctman Over a year ago

how would I apply this, I can't find a sold good example for this. is this better than ShowError?

codeandcloud Over a year ago

@acctman: updated code. good question btw. thanks to you, i have a small snippet of my own to show error summary is popup.

Collectives™ on Stack Overflow

jQuery.validate display error in a error message box

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related