Why HTML form empty field auto check disabled when false is returned from JS function on click of submit button?

Question

If an HTML form contains an input text field and it is declared like this:

<input type="email" id="loginEmail" placeholder="Email address" required>

Then the if this field is empty and user clicks on submit button then an error appears that "Please fill out this field"(Stackoverflow wont let me upload images because my reputation is too low :( )

But if the click on submit button of this form is handled via Javascript or JQuery and if false is returned from the function, no notification appears and no checking happens. How to resolve it? I want to handle the onClick event of submit button but still want this feature of checking empty fields. Any help?

rajat_474 · Accepted Answer · 2015-06-06T10:59:23.593

0

 <input type="email" id="loginEmail" placeholder="Email address" required >
<script>
setTimeout(function(){
    alert('haii');
    if(document.getElementById('loginEmail').value==''){
        alert('the field should not remain empty');
    }
     }, 3000);


</script>

I think the above code may help you.

edited Jun 06 '15 at 10:59

answered Jun 06 '15 at 10:48

rajat_474

346
1
4
15

I knew that already, but i wanted to trigger the HTML automatic form validation. But Thanks anyway... – Asad Rehman Jun 06 '15 at 10:50
@ Asad : You can do this by auto submit the form. – rajat_474 Jun 06 '15 at 10:55
@ Asad: check mu updated post. – rajat_474 Jun 06 '15 at 10:59
@ Asad : If you are aggred you should upvote this. – rajat_474 Jun 06 '15 at 11:06
I would have, but my reputation won't allow me... – Asad Rehman Jun 06 '15 at 11:11

Why HTML form empty field auto check disabled when false is returned from JS function on click of submit button?

1 Answers1