When a user creates a new account on my website I want to check if the name already exists. I want this check to run when they leave the username input box and go to enter a password.
I tried :
<input type="text" onkeyup="check_user(this.value)"/>
5 Answers
Call the function on the change event of text field:
<input name="username" onChange="check_user(this.value);" type="text"/>
5 Comments
mamrezo
i did this but when switch between inputs by clicking on others or tab for switch function didnt respond!
Awais Qarni
are you calling function with correct spellings on all inputs>
Felix Kling
+1,
change is better than blur and the input needs indeed a name.Awais Qarni
Thanks Felix Kling agree with u
Felix Kling
@mamrezo: Double check your code, it should work fine: jsfiddle.net/VNV5P/1
You need to use the "onblur" event. It fires when a control loses its focus, which seems to be exactly what you need.
answered Feb 3, 2011 at 12:40
Please treat your mods well.
4,3891 gold badge27 silver badges35 bronze badges
Comments
Because you used onkeyup in your code example, it sounds like you are looking to call a function on every keystroke. If that is the case, then instead of onchange - which fires when the input loses focus - you should use oninput which will fire anytime there is a change inside of input.
Comments
I think you are looking for check the duplication of user. you have to write server side code for that.
1 Comment
mamrezo
i know this is an ajax work but instead of onkeyup what should i type?
If you want to fire when something specific is type into the window:
phr = 'lol'
ltr = phr.split('')
text = ''
document.addEventListener('keyup',function(k){
if (ltr.includes(k.key)) {
text += k.key
if (text == phr) {
console.log('Typed!')
text = ''
}
} else {
text = ''
}})
As a function your can use it like:
function wtt(phrase,clb) {
phr = phrase
ltr = phr.split('')
text = ''
document.addEventListener('keyup',function(k){
if (ltr.includes(k.key)) {
text += k.key
if (text == phr) {
clb()
text = ''
}
} else {
text = ''
}})
}
wtt('my phrase', function () {
console.log('dostuff')
})
blurevent. But @Awais provided an even better solution, as thechangeevent will be raised, when the input looses focus, but only if the text changed.