This is one way to do it. Not sure if it can be done more elegantly.
<script>
$(document).ready(function() {
$('label').after('<span style="display:none"></span>');
$('#button').click(function(){
$('label :input').each(function(){
if
(!$(this).parent().next('span').text())
$(this).parent().next('span').text('You need to enter ' +
this.name + ' here');
if (!$(this).val())
$(this).parent().next('span').fadeIn('slow');
else
$(this).parent().next('span').hide();
});
});
});
</script>
</head>
<body>
<label>Label1: <input name="label1" type="text" /></label>
<br/>
<label>Label2: <input name="label2" type="text" /></label>
<br />
<button id="button">Click</button>
On Dec 11, 4:30 pm, WhoButSB <whobu...@gmail.com> wrote:
> The variable fieldName is something that I'am pulling in from
> somewhere else. Here is the full code:
> if(val == ''){
> var fieldName = $("select[name='fieldcategoryID'] :selected").text();
> $("#fieldValue label").fadeIn('slow', function (){
> $(this).after("<span class='field-error'>You need to enter a "
> +fieldName+" here.</span>");});
>
> return false;
> //Send the data to the servers
>
> }else{
>
> What I would like to do is have the error message fade In above after
> the label, if the person enters an empty value in to a input box. I'm
> just unsure what the syntax order is for the fadeIn() and after()
> methods.
>
> Thanks for the help.
>
> On Dec 11, 1:03 pm,ksun<kavi.sunda...@gmail.com> wrote:
>
>
>
> > > $(this).after("<span class='field-error'>You need
> > > to enter a "
> > > +fieldName+" here.</span>");
>
> > What is "fieldName", you need get that value from somewhere, before
> > trying to use it. Also the effect is applied only on the object on
> > which it is called, so if your label is hidden then it will appear
> > slowly. The span tag will just appear, it will not have the fadeIn
> > effect. I am not sure what exactly you are trying to achieve here, but
> > hope this helps.
>
> > On Dec 11, 11:24 am, WhoButSB <whobu...@gmail.com> wrote:
>
> > > Hello all,
> > > I have a really simple question but, and once I figure out this little
> > > hurdle I know I will be able to work on a lot more stuff.
>
> > > I would like to add a simple notification to fade in when some one
> > > presses a button but I would like to attach the notification after a
> > > label. I know I have to be really close with this code I just can't
> > > figure it out.
>
> > > $(function(){
> > > $('#button').click(function(){
> > > $("#fieldValue label").fadeIn('slow', function (){
> > > $(this).after("<span class='field-error'>You need
> > > to enter a "
> > > +fieldName+" here.</span>");
> > > });
> > > });
>
> > > });
>
> > > Thanks for your help!- Hide quoted text -
>
> - Show quoted text -
