Marking fields as required.

browserid/static/dialog/views/addemail.ejs

@@ -3,7 +3,7 @@
     <div class="summary">Setting up a new email address is easy, tell us what it is and we'll get started:</div>
     <div class="formRow">
       <label for="email_input">Email</label>
-      <input type="email" id="email_input" />
+      <input type="email" id="email_input" required/>
       <span class="note"></span>
     </div>
   </div>

browserid/static/dialog/views/create.ejs

@@ -2,18 +2,18 @@
     <div class="summary">BrowserID makes signing in <b>safer and easier</b>.  To begin, please provide an email address and pick a password:</div>
     <div class="formRow">
       <label for="email_input"> Email </label>
-      <input id="email_input" type="email"/>
+      <input id="email_input" type="email" required/>
       <span class="note" id="email_input_note" style="display:none;">
         <span class="good">Not registered</span>
       </span>
     </div>
     <div class="formRow">
       <label for="password_input"> Password </label>
-      <input id="password_input" type="password" pattern=".{5,}"/>
+      <input id="password_input" type="password" pattern=".{5,}" required/>
     </div>
     <div class="formRow">
       <label for="password_verify_input"> Verify </label>
-      <input id="password_verify_input" type="password" pattern=".{5,}"/>
+      <input id="password_verify_input" type="password" pattern=".{5,}" required/>
       <span class="note passwordnote" id="enter_a_password"><span class="bad">Enter a password</span></span>
       <span class="note passwordnote" id="passwords_different" style="display:none;"><span class="bad">Passwords different</span></span>
       <span class="note passwordnote" id="password_too_short" style="display:none;"><span class="bad">Password too short</span></span>

browserid/static/dialog/views/forgotpassword.ejs

@@ -2,16 +2,16 @@
     <div class="summary"><b>Forgot your password?</b>  No problem!  Enter your email address, pick a new password, and we'll get you set up again!</div>
     <div class="formRow">
       <label for="email_input"> Email </label>
-      <input id="email_input" type="email"/>
+      <input id="email_input" type="email" required/>
       <span class="note" id="email_input_note" style="display:none;"><span class="good">Not registered</span></span>
     </div>
     <div class="formRow">
       <label for="password_input"> Password </label>
-      <input id="password_input" type="password" pattern=".{5,}"/>
+      <input id="password_input" type="password" pattern=".{5,}" required/>
     </div>
     <div class="formRow">
       <label for="password_verify_input"> Verify </label>
-      <input id="password_verify_input" type="password" pattern=".{5,}"/>
+      <input id="password_verify_input" type="password" pattern=".{5,}" required/>
       <span class="note passwordnote" id="enter_a_password"><span class="bad">Enter a password</span></span>
       <span class="note passwordnote" id="passwords_different" style="display:none;"><span class="bad">Passwords different</span></span>
       <span class="note passwordnote" id="password_too_short" style="display:none;"><span class="bad">Password too short</span></span>