jquery validate errorplacement with a specific place

Question

i want to validate my form with jquery validate but i want to put my error label to a specific place. an example below show error label put in the <span class="error_label"></span>. my question is how can i make errorplacement with a specific place, with an example below, please help me..thanks?

<script>
$(document).ready(function (){
$("#fm_regis").validate({
    rules :{
        name: {
            required: true,
        },
    },
    errorPlacement: function(error, element) {      
        //$(element).next('span .error_label :first').html(error);
        //$('.error_label').html(error);
        //$('.error_label').html(error);
        $(element).closest('.error_label').html(error);
    },
    messages: {
        name: {
            required: "Please input a username",
        },
    }
});
});
</script>

    <form name="fm_regis" id="fm_regis">
    <table>   
      <tr>
         <td width="100">Nama</td>
         <td>:</td>
         <td><input type="text" name="name" id="name" size="30"/></td>
      </tr> 
      <tr>
         <td width="100"></td>
         <td></td>
         <td><span class="error_label"></span></td>
      </tr>
   </table>
     <input type="submit" value="Register"/>
   </form>

dfsq · Accepted Answer · 2013-04-19 07:41:25Z

4

In your specific situation you can do something like this:

$(element).closest('tr').next().find('.error_label').html(error);

http://jsfiddle.net/kqTQu/

answered Apr 19, 2013 at 7:41

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Comments

Mathijs Flietstra · Accepted Answer · 2013-04-19 07:38:15Z

4

Try this:

$("#fm_regis").validate({
  rules :{
    name: {
      required: true,
    },
  },   
  errorLabelContainer: "#id-of-your-specific-place",
  // More of your code
})

And get rid of the errorPlacement: function.

answered Apr 19, 2013 at 7:38

Mathijs Flietstra

13k3 gold badges42 silver badges73 bronze badges

2 Comments

Tinmar Over a year ago

This is very useful! errorPlacement: doesn't allow to restore you error container (to empty) once validation is success. errorLabelContainer: works great.

Blaise Over a year ago

cool! So tired of my multiple if statements in bloated errorPlacement, which adjust error positions when the input is radio group, select list, input in table cell...

ripu1581 · Accepted Answer · 2013-04-19 07:37:37Z

0

Not sure if I have understood the question correctly, try to change this line

$(element).closest('.error_label').html(error);

to

$(element).append( "<span class="error_label">" + error + "</span>") ;

make sure that you remove all error labels before initiating validation

answered Apr 19, 2013 at 7:37

ripu1581

3001 silver badge10 bronze badges

2 Comments

casper Over a year ago

sorry if i make u confused i just want put a error label to bottom of element

ripu1581 Over a year ago

In that case simply use div instead of span .... $(element).append( "<div class="error_label">" + error + "</div>") ;

Collectives™ on Stack Overflow

jquery validate errorplacement with a specific place

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related