I have a dust.js template that renders inputs based on a hash I am getting from the server. My hangup is that if the hash is empty I still get an input box rendered with an empty placeholder value, how can I check if the placeholder value is null and then hide that box?

<div class='criteria-input'>
  <input type='text' placeholder='{attribute}' value='{value}' size='20'/>
  <span class="close">X</span>
</div>

I have a dust.js template that renders inputs based on a hash I am getting from the server. My hangup is that if the hash is empty I still get an input box rendered with an empty placeholder value, how can I check if the placeholder value is null and then hide that box?

<div class='criteria-input'>
  <input type='text' placeholder='{attribute}' value='{value}' size='20'/>
  <span class="close">X</span>
</div>

• javascript
• jquery
• dust.js

Share Improve this question Follow edited Jul 22, 2014 at 19:46 glortho 13.2k88 gold badges5151 silver badges4646 bronze badges asked Jul 22, 2014 at 19:30 mrtrianglemrtriangle 5441111 silver badges2828 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

See the "Special Sections" documentation of dust.js here: http://akdubya.github.io/dustjs/#guide

The "exists" syntax is what you want, so that you can do this:

{?attribute}
<div class='criteria-input'>
  <input type='text' placeholder='{attribute}' value='{value}' size='20'/>
  <span class="close">X</span>
</div>
{/attribute}

here you go:

$('input').each(function(){
    if($(this).attr('placeholder')=='' || $(this).attr('placeholder')==null){
        $(this).parent().hide();
    }
});

here is the code that checks if the placeholder is empy

var placeholder = $('input').attr('placeholder');
if(placeholder == ''){

} else{

}