Guest User

Untitled

a guest
Jan 18th, 2019
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.43 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>
  4. Brandon Hassen JavaScript Project
  5. </title>
  6. <style type="text/css">
  7. div.asterisk { color: red; font-weight: bold }
  8. </style>
  9. </head>
  10. <body>
  11. <form name="reorderForm">
  12. <table>
  13. <tr><td>String 1: <input type="text" id="input1"></td><td><div class="asterisk" style="visibility:hidden" id="asterisk1">*</div></td></tr>
  14. <tr><td>String 2:<input type="text" id="input2"></td><td><div class="asterisk" style="visibility:hidden" id="asterisk2">*</div></td></tr>
  15. <tr><td>String 3:<input type="text" id="input3"></td><td><div class="asterisk" style="visibility:hidden" id="asterisk3">*</div></td></tr>
  16. <tr><td>String 4:<input type="text" id="input4"></td><td><div class="asterisk" style="visibility:hidden" id="asterisk4">*</div></td></tr>
  17. <tr><td>String 5:<input type="text" id="input5"></td><td><div class="asterisk" style="visibility:hidden" id="asterisk5">*</div></td></tr>
  18. </table>
  19. <a href="javascript: sortForm()">Sort</a>
  20. </form>
  21. <div name="sortedString"></div>
  22. <script type="text/javascript">
  23. function sortForm()
  24. {
  25. var var1 = document.getElementById('input1').value);
  26. var var2 = document.getElementById('input2').value);
  27. var var3 = document.getElementById('input3').value);
  28. var var4 = document.getElementById('input4').value);
  29. var var5 = document.getElementById('input5').value);
  30.  
  31. var validInput = true;
  32.  
  33. if( hasWhiteSpace(var1) == true )
  34. {
  35. var asterisk1 = document.getElementById('asterisk1');
  36. asterisk1.style.visibility = "visible";
  37. validInput = false;
  38. }
  39.  
  40. if( hasWhiteSpace(var2) == true )
  41. {
  42. var asterisk1 = document.getElementById('asterisk2');
  43. asterisk1.style.visibility = "visible";
  44. validInput = false;
  45. }
  46.  
  47. if( hasWhiteSpace(var3) == true )
  48. {
  49. var asterisk1 = document.getElementById('asterisk3');
  50. asterisk1.style.visibility = "visible";
  51. validInput = false;
  52. }
  53.  
  54. if( hasWhiteSpace(var4) == true )
  55. {
  56. var asterisk1 = document.getElementById('asterisk4');
  57. asterisk1.style.visibility = "visible";
  58. validInput = false;
  59. }
  60.  
  61. if( hasWhiteSpace(var5) == true )
  62. {
  63. var asterisk1 = document.getElementById('asterisk5');
  64. asterisk1.style.visibility = "visible";
  65. validInput = false;
  66. }
  67.  
  68. // Sort strings and display to sortedString
  69.  
  70. }
  71.  
  72. function hasWhiteSpace(string)
  73. {
  74. // Not working
  75. // return (string.indexOf('\s') >= 0);
  76. }
  77.  
  78.  
  79. </script>
  80. </body>
  81. </html>
Add Comment
Please, Sign In to add comment