Question

22

how to hide required pop-up of input in html

rated 0 times [ 26] [ 4] / answers: 1 / hits: 16188 / 9 Years ago, fri, september 4, 2015, 12:00:00

hide pop-up of required of input using javascript jsfiddle

try to submit with empty input and see the pop-up, so i don't need to display that pop-up and i want the required to validate.

any help i don't need to display any warning.

<form>

  <input type=text name=name required=required value= />

  <input type=submit name=submit value=Submit />

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

austynp

Add To Favorites

Follow

Total Points: 505

Total Questions: 118

Total Answers: 106

Location: Tajikistan

Member since Sun, Aug 29, 2021

3 Years ago

austynp questions

1 How to make puppeteer wait for page redirect from Cloudflare browser check?

Tue, Apr 20, 21, 00:00, 3 Years ago

1 Redux createAsyncThunk vs useEffect hook

Sun, Apr 11, 21, 00:00, 3 Years ago

1 How to type an object key in Typescript?

Sat, Feb 6, 21, 00:00, 3 Years ago

1 How do I send image data from a url using express?

Thu, Mar 19, 20, 00:00, 4 Years ago

1 Can I wait for a process to complete when consuming RabbitMQ messages with Node.js?

Mon, Mar 9, 20, 00:00, 4 Years ago

View All

answered 9 Years ago laytonlamontm · Accepted Answer

Since this is a HTML5 Event you can prevent the event from triggering the popup and still provide validation (https://developer.mozilla.org/en-US/docs/Web/Events/invalid). A simple event listener will do the job.

To handle focus include an id to that field like so ...

HTML

<input type=text id=name name=name required=required value= />

And handle that focus within the return function ...

JS

document.addEventListener('invalid', (function () {

  return function (e) {

    e.preventDefault();

    document.getElementById(name).focus();

  };

})(), true);

EDIT
Check it out
http://jsfiddle.net/rz6np/9/