Form Validation Semantic UI

[Cazzeri 1]

Alguém já usou o form validation do framawork semantic-ui? Não consigo configurar para usar o exemplo em que apareça os "prompts" o label de error.

 

http://semantic-ui.com/modules/form.html

Ex: => Inline Validation and Validation Event

 

[Ted k' 126]

Tem como postar seu código para análise? Gostaria de saber como está fazendo.

[Cazzeri 1]

js:

$('.ui.form')  .form({    email: {      identifier  : 'email',      rules: [        {          type   : 'empty',          prompt : 'Entre com o seu e-mail'        }      ]    },    password: {      identifier  : 'password',        rules: [        {          type   : 'empty',          prompt : 'Entre com a sua senha'        }      ]    }  })

e o form:

        <div class="ui form segment">          <?php echo Form::open() ?>                  <div class="field">            <label>E-mail</label>            <div class="ui left labeled icon input">              <input type="text" name="email">              <i class="user icon"></i>              <div class="ui corner label">                <i class="icon asterisk"></i>              </div>            </div>          </div>          <div class="field">            <label>Senha</label>            <div class="ui left labeled icon input">              <input type="password" name="password">              <i class="lock icon"></i>              <div class="ui corner label">                <i class="icon asterisk"></i>              </div>            </div>          </div>          <button type="button" class="ui teal submit button">Log in</button>        </div>      </form>      </div>

Ele adiciona a classe "error" em class="field" quando tento enviar com os campos vazios, e remove quando digito algo. Só que não sei como fazer para ele adicionar o prompt, que seria essa div, segundo a documentação:

 

<div class="ui red pointing prompt label"></div>

 

 

Alguém?

[Cazzeri 1]

Desse jeito funcionou \o/

 

<script type="text/javascript">
$(function() {
$('.ui.form').form({
email: {
identifier: 'email',

rules: [
{
type : 'empty',
prompt : 'Entre com o seu e-mail'
}
]
},
password: {
identifier: 'password',

rules: [
{
type : 'empty',
prompt : 'Entre com a sua senha'
}
]
},
}, {
on: 'blur',
inline: 'true'
});
});
</script>