diff --git a/index.html b/index.html
index 9bd310e..1ed7e35 100644
--- a/index.html
+++ b/index.html
@@ -22,11 +22,12 @@
                 <label for="input_01">DATE:</label>
                 <input
                 id="input_01"
-                class="datepicker"
+                class="datepicker invalid"
                 name="date"
                 type="text"
                 placeholder="---- -- --"
-                autofocuss
+                required
+                pattern="[0-9]{4}/[0-9]{2}/[0-9]{2}.*"
                 onchange="timechanged()">
             </fieldset>
         </form>
@@ -38,6 +39,9 @@
                 id="input_from" 
                 type="time"
                 name="from" placeholder="--:--"
+                class="invalid"
+                required
+                pattern="[0-9]{4}:[0-9]{2}.*"
                 onchange="timechanged()">
 
                 <!-- valuee="2:30 AM"
@@ -46,10 +50,13 @@
                 <input
                 id="input_to"
                 type="time"
+                class="invalid"
                 name="to" placeholder="--:--"
+                required
+                pattern="[0-9]{4}:[0-9]{2}.*"
                 onchange="timechanged()"/>
                 | <label> 時間割単位:</label>
-                <select onchange="changed()" id="sel">
+                <select onchange="changed()" id="sel" class="sel_indicate">
                     <option value="0">--------</option>
                     <option value="12">1・2限目(09:00-12:40)</option>
                     <option value="1">1限目(9:00-10:30)</option>
@@ -63,8 +70,8 @@
             </fieldset>
         </form>
         <form>
-            <fieldset>
-                <input checked type="checkbox" id="GRL" onchange="filter()"/>
+            <fieldset class="invalid" id="roomcheck">
+                <input type="checkbox" id="GRL" onchange="filter()"/>
                 <label for="GRL" class="checkbox">GRL</label>
                 <input type="checkbox" id="ML1" onchange="filter()"/>
                 <label for="ML1" class="checkbox">ML1</label>
@@ -157,12 +164,13 @@
 formatSubmit: 'yyyy/mm/dd',
 // min: [2015, 7, 14],
 container: '#container',
-// editable: true,
+//editable: true,
+//constrainInput: false,
 closeOnSelect: true,
 closeOnClear: true,
 });
 
-var datepicker = $input.pickadate('picker');
+//var datepicker = $input.pickadate('picker');
 
 function changed() {
     var sel = $("#sel").val();
@@ -184,6 +192,27 @@
     var date = $("#input_01").val();
     var from = $("#input_from").val();
     var to = $("#input_to").val();
+    if (date.match(/[0-9]{4}\/[0-9]{2}\/[0-9]{2}/)) {
+        $("#input_01").removeClass("invalid");
+    } else {
+        $("#input_01").addClass("invalid");
+    }
+
+    if (from.match(/[0-9]{2}:[0-9]{2}.*/)) {
+        $("#input_from").removeClass("invalid");
+    } else {
+        $("#input_from").addClass("invalid");
+        $("#sel").addClass("sel_indicate");
+    }
+
+    if (  to.match(/[0-9]{2}:[0-9]{2}.*/)) {
+        $("#input_to").removeClass("invalid");
+        $("#sel").removeClass("sel_indicate");
+    } else {
+        $("#input_to").addClass("invalid");
+        $("#sel").addClass("sel_indicate");
+    }
+
     if (date && from && to) {
         $(".waitboard").css("display", "block");
         $.post("../cgi-bin/attend/call.cgi", {date: date.substr(0,10), from: from,
@@ -229,6 +258,16 @@
     var checkbox = {};
     ["GRL", "ML1", "ML2", "HSJ", "uniq"].forEach(
             function (s) {checkbox[s]=$("#"+s)[0].checked; });
+
+    var flag = false;
+    ["GRL", "ML1", "ML2", "HSJ"].forEach(
+            function (s) {flag |= checkbox[s]; });
+    if (flag) {
+        $("#roomcheck").removeClass("invalid");
+    } else {
+        $("#roomcheck").addClass("invalid");
+    }
+
     var table = $("#output table");
     $("#output table tbody tr:nth-child(n+2)").remove();
     var prev = null;
@@ -236,24 +275,23 @@
             var host = s[0];
             var accept = false;
             if (host.startsWith("GRL") && checkbox["GRL"]) {
-            accept = true;
+                accept = true;
             } else if (host.startsWith("ML1") && checkbox["ML1"]) {
-            accept = true;
+                accept = true;
             } else if (host.startsWith("ML2") && checkbox["ML2"]) {
-            accept = true;
+                accept = true;
             } else if (host.startsWith("HSJ") && checkbox["HSJ"]) {
-            accept = true;
+                accept = true;
             }
             if (accept) {
-            if(!checkbox["uniq"] || prev != s[4]) {
-            var tr = $("<tr></tr>").appendTo(table);
-            [1,5,6,7,0,8].forEach(function(i) {$("<td>"+s[i]+"</td>").appendTo(tr); });
-            }
+                if(!checkbox["uniq"] || prev != s[4]) {
+                var tr = $("<tr></tr>").appendTo(table);
+                [1,5,6,7,0,8].forEach(function(i) {$("<td>"+s[i]+"</td>").appendTo(tr); });
+                }
             prev = s[4];
-            }
-            table.appendTo("#output");
-            });
-
+        }
+        table.appendTo("#output");
+    });
 }
 function getexcel() {
     var date = "date="+$("#input_01").val().substr(0,10);
diff --git a/lib/themes/sitelocal.css b/lib/themes/sitelocal.css
index a04d50a..ac031b9 100644
--- a/lib/themes/sitelocal.css
+++ b/lib/themes/sitelocal.css
@@ -106,6 +106,27 @@
     text-shadow: 0px 1px 0px #a0ff40;
 }
 
+input:focus:invalid {
+    background: #ffefea;
+    border: 1px dashed green;
+}
+
+input:invalid {
+    background: #ffefea;
+}
+
+.invalid {
+    border: 1px solid #833;
+    box-shadow: 0px 0px 5px red inset;
+}
+
+.sel_indicate {
+    border: 1px solid #833;
+    box-shadow: 0px 0px 5px blue;
+}
+
+
+
 input[type=radio], input[type=checkbox] {
 	  display: none;
   }