Using the required attribute in HTML5 with a Button submit

Question

I am having a stupid issue with a form. I have always used the 'required' attribute in an input box for quick validation, but now for some reason when I am using a button instead, the validation is not running? Does it just not work with a button or am i doing something wrong? Something that could be causing issues, is that the the required fields are sometimes readonly. Is there maybe a conflict? Below is some example code:

This would be my input box:

<input type='text' id='something' name='something' required />

and this would be my submit:

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

But now I am trying to use this:

<button type='submit'>Submit</button>

Thanks in advance. Any help would really be appreciated.

I'm developing in Firefox. I added to the question though, that maybe is it because it would be readonly as well sometimes? — Nicholas Corin
– Nicholas Corin, Commented Jul 4, 2012 at 17:45
Works fine for me (tried latest Chrome and Firefox): jsfiddle.net/rjhbD/1 — Igor Jerosimić
– Igor Jerosimić, Commented Jul 4, 2012 at 17:52
Would it not be easiest simply to remove the readonly property in the submit() method/handler? — David Thomas
– David Thomas, Commented Jul 4, 2012 at 20:09

Nicholas Corin · Accepted Answer · 2012-07-04 20:06:42Z

1

For anyone experiencing the same issue, you cannot have required and readonly in an input field. Just try do without or maybe use some JavaScript to help out.

answered Jul 4, 2012 at 20:06

Nicholas Corin

2,4146 gold badges27 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using the required attribute in HTML5 with a Button submit

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related