Merge pull request #175 from kfkitsune/html5-required-attrib-submissions

Add 'required' attribute where possible in submission pages
Weasyl · Oct 29, 2016 · 1e65d2a · 1e65d2a
2 parents e26146b + 296f04f
commit 1e65d2a
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 13 deletions.
diff --git a/templates/submit/character.html b/templates/submit/character.html
@@ -10,7 +10,7 @@
         <h3>Files</h3>
 
         <label>Picture</label>
-        <input type="file" name="submitfile" id="submitfile" class="styled-input" accept="image/*" />
+        <input type="file" name="submitfile" id="submitfile" class="styled-input" accept="image/*" required />
         <p class="color-lighter" style="padding-top: 0.5em;"><i>Limit (JPG): 10 MB</i></p>
         <p class="color-lighter" style="padding-top: 0.5em;"><i>Limit (PNG): 10 MB</i></p>
         <p class="color-lighter" style="padding-top: 0.5em;"><i>Limit (GIF): 10 MB</i></p>
@@ -23,7 +23,7 @@ <h3>Files</h3>
         <h3>Character Bio</h3>
 
         <label for="charactertitle">Name</label>
-        <input type="text" class="input" name="title" id="charactertitle" maxlength="100" />
+        <input type="text" class="input" name="title" id="charactertitle" maxlength="100" required />
 
         <label for="characterage">Age</label>
         <input type="text" class="input" name="age" id="characterage" maxlength="100" />
@@ -41,7 +41,7 @@ <h3>Character Bio</h3>
         <input type="text" class="input" name="species" id="characterspecies" maxlength="100" />
 
         <label for="characterrating">Rating</label>
-        <select name="rating" class="input" id="characterrating">
+        <select name="rating" class="input" id="characterrating" required>
           <option value="" selected="selected">&nbsp;</option>
           $for rating in ratings:
             <option value="${rating.code}">${rating.name_with_age}</option>

diff --git a/templates/submit/journal.html b/templates/submit/journal.html
@@ -9,10 +9,10 @@
       <h3>Information</h3>
 
       <label for="journaltitle">Title</label>
-      <input type="text" class="input" name="title" id="journaltitle" />
+      <input type="text" class="input" name="title" id="journaltitle" required />
 
       <label for="journalrating">Rating</label>
-      <select name="rating" class="input" id="journalrating">
+      <select name="rating" class="input" id="journalrating" required>
         <option value="" selected="selected">&nbsp;</option>
         $for rating in ratings:
           <option value="${rating.code}">${rating.name_with_age}</option>
@@ -22,7 +22,7 @@ <h3>Information</h3>
     <div class="column description">
       <h3>Content</h3>
       <label for="journaldesc">Content</label>
-      <textarea name="content" class="markdown input expanding" rows="9" id="journaldesc"></textarea>
+      <textarea name="content" class="markdown input expanding" rows="9" id="journaldesc" required></textarea>
     </div><!-- /description -->
 
     <div class="column tagging">

diff --git a/templates/submit/literary.html b/templates/submit/literary.html
@@ -45,7 +45,7 @@ <h3 class="or color-lighter"><i>&mdash; Or &mdash;</i></h3>
       <h3>Information</h3>
 
       <label for="submissiontitle">Title</label>
-      <input type="text" class="input" name="title" id="submissiontitle" maxlength="200" />
+      <input type="text" class="input" name="title" id="submissiontitle" maxlength="200" required />
 
       <label for="submissioncat">Subcategory</label>
       <select name="subtype" class="input" id="submissioncat">
@@ -62,7 +62,7 @@ <h3>Information</h3>
       </select>
 
       <label for="submissionrating">Rating</label>
-      <select name="rating" class="input" id="submissionrating">
+      <select name="rating" class="input" id="submissionrating" required>
         <option value="" selected="selected">&nbsp;</option>
         $for rating in ratings:
           <option value="${rating.code}">${rating.name_with_age}</option>

diff --git a/templates/submit/multimedia.html b/templates/submit/multimedia.html
@@ -36,7 +36,7 @@ <h3 class="or color-lighter"><i>&mdash; Or &mdash;</i></h3>
       <h3>Information</h3>
 
       <label for="submissiontitle">Title</label>
-      <input type="text" class="input" name="title" id="submissiontitle" maxlength="200" />
+      <input type="text" class="input" name="title" id="submissiontitle" maxlength="200" required />
 
       <label for="submissioncat">Subcategory</label>
       <select name="subtype" class="input" id="submissioncat">
@@ -53,7 +53,7 @@ <h3>Information</h3>
       </select>
 
       <label for="submissionrating">Rating</label>
-      <select name="rating" class="input" id="submissionrating">
+      <select name="rating" class="input" id="submissionrating" required>
         <option value="" selected="selected">&nbsp;</option>
         $for rating in ratings:
           <option value="${rating.code}">${rating.name_with_age}</option>

diff --git a/templates/submit/visual.html b/templates/submit/visual.html
@@ -16,7 +16,7 @@ <h3>Files</h3>
         </div>
         <input type="hidden" name="imageURL" value="${form.imageURL}" />
       $else:
-        <input type="file" name="submitfile" id="submitfile" class="styled-input" accept="image/*" />
+        <input type="file" name="submitfile" id="submitfile" class="styled-input" accept="image/*" required />
       <p class="color-lighter" style="padding-top: 0.5em;"><i>Limit (JPG): 10 MB</i></p>
       <p class="color-lighter" style="padding-top: 0.5em;"><i>Limit (PNG): 10 MB</i></p>
       <p class="color-lighter" style="padding-top: 0.5em;"><i>Limit (GIF): 10 MB</i></p>
@@ -31,7 +31,7 @@ <h3>Files</h3>
       <h3>Information</h3>
 
       <label for="submissiontitle">Title</label>
-      <input type="text" class="input" name="title" value="${form.title}" id="submissiontitle" maxlength="200" />
+      <input type="text" class="input" name="title" value="${form.title}" id="submissiontitle" maxlength="200" required />
 
       <label for="submissioncat">Subcategory</label>
       <select name="subtype" class="input" id="submissioncat">
@@ -48,7 +48,7 @@ <h3>Information</h3>
       </select>
 
       <label for="submissionrating">Rating</label>
-      <select name="rating" class="input" id="submissionrating">
+      <select name="rating" class="input" id="submissionrating" required>
         <option value="" selected="selected">&nbsp;</option>
         $for rating in ratings:
           <option value="${rating.code}">${rating.name_with_age}</option>