javascript - Using document.activeElement with an onChange event to validate a textbox only after textbox change is completed -

i have implemented version of code below on development system.

function validatetextbox(textboxid) {
  var textbox = document.getelementbyid(textboxid);
  if(document.activeelement.id != textbox.id) {
    do validation
  }
}

the html similar to:
<input type="text" id="validateme" onchange="validatetextbox('validateme');"/>

the idea validation takes place after user has completed editing textbox , that, unlike onblur event, validation fires when value of textbox has changed.

it seems work i'm leery of using without review , feedback. i haven't seen similar code examples. please give me thoughts on implementation , alternate ideas may have.

thanks

this fine solution. keep in mind onchange event typically fire when focus changes (ie. onblur)

if want validation while user typing can use onkeydown/onkeyup/onkeypress that's quite ways harder.

additionally can use this don't have assign id each field , remember pass validate function:

function validate(input_element) {     alert(input_element.value) } <input type="text" name="name" onchange="validate(this);"/>