我正在寻找一种等待弹出图标的方式,直到用户完成输入为止。因此,我正在做的是对服务的ajax调用,以检查用户名是否通过我们的系统注册。如果用户名已注册,则显示为红色X,否则,则显示为绿色复选标记。问题是用户开始输入时自动显示图标。我相信它的.on keyup(事件)->
ready = ->
$('#invalid-username').hide()
$('#valid-username').hide()
$('#register-username').on 'keyup', (event) ->
$.ajax
url: '/username_validator?username=' + $('#register-username').val()
type: 'POST'
dataType: 'json'
error: (jqXHR, textStatus, errorThrown) ->
success: (data, textStatus, jqXHR) ->
if data.valid is true
$('#invalid-username').hide()
$('#valid-username').show()
console.log('valid')
else if data.valid is false
$('#valid-username').hide()
$('#invalid-username').show()
console.log('Invalid')
event.stopImmediatePropagation();
return false
return false
$(document).ready ready
$(document).on 'turbolinks:load', ready