onblur even is not working as expected - javascript

I have a form having 5 fields and a submit button.
On one of the fields i am having an onblur event but if the user changes the value in that textbox and directly clicks on submit button then in that case onblur is notgetting triggered or not working.
Even onchange is not working in that case.
What if i use onkeyup and down but if user used mouse for pasting the data?
Please help!
Thanks and regards
Asus.

You might want to try using the onchangeevent or oninput event to track when the input data is being modified. Then you can use the onsubmit event to call whatever function you would like.

Related

Get submit button value onsubmit event

I have a strange edge-case, let me try to describe it:
I have a form with multiple submit buttons with different values. The submit value is important in my backend. I want to intercept a form submit (using onsubmit) do an asynchronous task and continue the event.
Sadly calling Form.prototype.submit() does not work, because the information which button was clicked is lost. Of course I can emulate that data, but just adding a hidden input, but I don't know how to figure out which button was clicked in the onsubmit event.
If you need an example this is where I am trying to solve it:
https://github.com/codingjoe/django-s3file/blob/master/s3file/static/s3file/js/s3file.js
When you dynamically submit the form, you can do it differently than calling form.submit. You can just trigger the click event of whichever submit button you need to. Then, in a click event handler for the submit buttons, you can assign a value to your hidden form field with the appropriate data.
Also, know that if you just give your submit buttons a name attribute with a unique value and they will deliver their value as part of the form's data that gets submitted.

What event to know when user has entered data into form?

I have a HTML form. I want to enable/disable a button until user eneters text in one of the fields. I am adding an event attribute to the which triggers some javascript. This javascript will enable/disable the button.
Problem is I can't figure out what event attribute to use. What event attribute please will trigger as soon as user enters data? I tried onchange but that only gets called when i clicked back outside the text area. So it may aswell be onblur.
You can use the input
function activateForm (event) {
if(!this.value == ""){
}
}
var input = document.querySelector(".myInput");
input.addEventListener("input", activateForm , false)
There are 2 possible events that can be used: either onChange or onKeyPress. onChange will trigger when the value of an input has changed while onKeyPress will trigger every time the user types something in a text box. The onChange triggers once the user has CHANGED something in the value, and got out of the input focus. That means the user has to hit TAB or click somewhere else for the event to trigger, hence why onKeyPress might be better suited.
Read more:
http://www.w3schools.com/jsref/event_onchange.asp
http://www.w3schools.com/jsref/event_onkeypress.asp
Younger browsers also support onInput which should certainly be prefered for now, if you do not need to support older browsers.

JavaScript event, when we select the input filed value from the browser cache

I have a input text field and a button to submit. I want the button to be enabled only when i enter something into text field. I used onchange="enableButton();" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();"
but when i double click on input field a dropdown appears from cache and upon selecting the value from this dropdown no event fires.
Can anyone please suggest me how to do enable button.
I solved a similar problem by deferring onchange actions via setImmediate, which allows other pending events to be processed first. In your case, try setting onchange to this: onchange="setImmediate(enableButton)".

How to make a real "onchange" event in HTML (no jQuery)?

Please note: I do not want to use jQuery for this (otherwise I like it)
Problem: I have come to situation where I need to do some javascript function after an user changes an input field (e.g. input type="text"). So I said to myself - I remember an onchange event - BUT onchange event runs AFTER user leaves the field, but I need the function to be called for example every time user types a character to that field. Wowhead shows nice example of what I am trying to achieve this (field with placeholder "Search within results...")
Summary: I am looking for a SIMPLE way of detecting REAL onchange event(not the classic HTML one)and through that call a JS function while not using jQuery?
Use onkeyup instead of onchange then.
Following is a simple way of invoking each type of Key Press on field.
input type="text" onkeypress="myFunction()
Get Example here
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onkeypress
Enjoy..
you can also use onkeyup and onkeydown instead of onkeypress.
Tried onkeypress="myFunction()" or onkeyup="myFunction()"?
There are also events for onfocus and onblur for entering and leaving a textfield :)
You should use "input" event. keyup and keypress don't work if a user modified the value only by a mouse.

Event binding for keyboard input or change through javascript

I have an input field with id myinput , and have change event bind to this field through,
$("input#myinput").change(function(){
alert("the value is changed");
}
But the handler is not getting called, if I change the value through javascript
$("input#myinput").val(text);
But, it works if I enter the input through keyboard.
so, it seems like I am binding to wrong event. What should I do to bind to both keyboard input and JS value update (jQuery val() here).
thanks.
change is triggered only by user events. With jQuery you can use trigger('change') to trigger the change event programatically.
JS Fiddle demo.

Categories

Resources