Changeset 54

Timestamp:

07/26/11 15:33:20 (14 years ago)

Author:

fpvanagthoven

Message:

Integer input checking in SurveyTool?. But o no! Some javascript dubbele code. >_<

Location:

Dev/trunk/classes

Files:

• SurveyCreationTool.php (modified) (1 diff)
• SurveyTool.php (modified) (3 diffs)

Dev/trunk/classes/SurveyCreationTool.php

@@ -374 +374 @@
                 }
             }
-                                            
-                                                                                                                                                                                                                                                                                                                                                                                                                                           
+                                                                                                                                                                                                                                                                                                                                                                                                                              
         </script>
         <?php

Dev/trunk/classes/SurveyTool.php

@@ -13 +13 @@
         $this->survey = $survey;
 
+        $this->javascript();
         $this->init();
+    }
+
+    private function javascript() {
+        ?>
+        <script type="text/javascript">
+                        /* --- input checking --- */
+            function checksPassed(form)
+            {
+                for (var i = 0; i < form.length; i++)
+                {
+                    if (form.elements[i].checkPassed == 'no')
+                        return false;
+                }
+                return true;
+            }
+                    
+            function checkInt(input)
+            {
+                input.style.borderWidth = '1px' ;
+                var value = input.value;
+                if (isNaN(value))
+                {
+                    input.style.borderColor = 'red';
+                    input.checkPassed = 'no';
+                }
+                else
+                {
+                    input.style.border = '1px solid #abadb3';
+                    input.checkPassed = null;
+                }
+            }
+        </script>
+        <?php
     }
 
     private function init() {
         ?>
-        <form action="" method="post">
+        <form name="survey" action="" onsubmit="return checksPassed(this)" method="post">
             <?php
             $this->displayTitle();
@@ -78 +112 @@
             case 'int':
                 ?>
-                <input type="text" name="<?php echo 'q' . $numQ . 'ans1' ?>" value="" class="intBox"/>
+                <input type="text" name="<?php echo 'q' . $numQ . 'ans1' ?>" value="" onchange="checkInt(this)" class="intBox"/>
                 <?php
                 break;
@@ -101 +135 @@
                 <?php
                 for ($i = 1; $i < $question->answers[3] + 1; $i++) {
-                    ?><input type="radio" class="scaleRadio" name="<?php echo 'q' . $numQ . 'ans1' ?>" value="<?php echo $i;?>"/><?php } ?>
+                    ?><input type="radio" class="scaleRadio" name="<?php echo 'q' . $numQ . 'ans1' ?>" value="<?php echo $i; ?>"/><?php } ?>
                 <div class="scaleLabel"><?php echo $question->answers[2]; ?></div>
                 <?php