html input null,javascript - html input fileupload returning null - Stack Overflow

I am trying to make a demo involving an html input file uploader and ajax, but I can't even get my script to getElementById.

I keep receiving an TypeError: form is null.

Here is my html and script:

Upload

var form = document.getElementById("file-form");

var fileSelect = document.getElementById("file-select");

var uploadButton = document.getElementById("upload-button");

form.onsubmit = function (event) {

event.preventDefault();

// Update button text.

uploadButton.innerHTML = 'Uploading...';

}

Note that 'fileSelect' and 'uploadButton' are receiving their elements and are not null.

For some reason form is not able to getElement.

I've seen several similar questions, but it seems like I am doing the right thing. Let me know if you have any suggestions.

Thanks in advance.

EDIT: I should add that this demo is in an ASP .ascx User Control Form. kami-sama's Code Snippet worked perfectly fine, but it will not do the same in my solution.

I log the 'form' variable after getElementById and it returns null and does not proceed past the form.onsubmit = function(event) line.