onkeyup e onfocusout não está funcionando no jQuery
Estou usando o plugin jQuery Validate para fins de validação. Eu tenho que validação em tempo real no formulário. Por exemplo, se umprimeiro nome é necessário, o usuário deve receber a mensagem necessária pela primeira vez e desaparece quando começa a digitar na caixa de texto.
Para alcançar essa funcionalidade, estou usando emonkeyup
eonfocusout
opções do plugin. Por isso me refiroesse link quem tem o mesmo problema.
Aqui está o meucoffeescript código para validação de formulário
defaultPageForm: (self)->
form = $("#PageForm")
if form.length > 0
form.find('textarea').on 'click', -> $(@).valid()
form.find('input').on 'click', -> $(@).valid()
form.validate
ignore: ".ignore"
rules:
"view[name]":
required: true
NameWordCount: [3]
"view[comment]":
required: true
CommentWordCount: [5]
accept_terms: "required"
messages:
"view[comment]": "Please add comment"
errorElement: "span"
errorClass: "error_msg wide "
errorPlacement: (error, element) ->
element.siblings(".view_form_error_msg").remove()
error.appendTo element.closest(".controls")
return
###### Real time validation code #############
onkeyup: (element) ->
$(element).valid()
return
onfocusout: (element) ->
$(element).valid()
return
submitHandler: (form) ->
self._setupData()
self._submitForm(form)
off
return
Mas não está funcionando bem. Por exemplo, para fins de teste, adicionei uma mensagem de alerta emonkeyup
mas não é nada pop-up também, não aplicando validação em tempo real.
Falta alguma coisa. Aqui está o meu html
<input type="text" value="as as" size="50" placeholder="Full Name" name="view[name]" id="customerName" class="string required wide" style="font-size: 20.4572px; line-height: 49px;">
Então, como posso resolver esse problema.