From dbe0ba85fb6dc491d354621c9d6f6ce75a8c2b7b Mon Sep 17 00:00:00 2001 From: Ubuntu Date: Sat, 20 Apr 2019 17:50:37 -0400 Subject: [PATCH] Updated update.php and add JS to it for textbox error checking --- index.php | 1 + main.css | 47 +++++++++++---------- scripts/main.js | 106 ++++++++++++++++++++++++++++++++++++++++++++++++ upload.php | 63 ++++++++++++++++++++++++++++ 4 files changed, 196 insertions(+), 21 deletions(-) create mode 100644 scripts/main.js create mode 100644 upload.php diff --git a/index.php b/index.php index d306974..cb55747 100755 --- a/index.php +++ b/index.php @@ -4,6 +4,7 @@ +

FightHub

diff --git a/main.css b/main.css index bc0f287..9f88848 100755 --- a/main.css +++ b/main.css @@ -3,23 +3,9 @@ body { } -/* form.search { - width: 80%; - height: 150px; - border: white solid 1px; - border-bottom: #727272 solid 2px; -} */ +/* Styles for titlebar */ -/* div.upload { - width: 5%; - height: 150px; - border: white solid 1px; - border-bottom: #727272 solid 2px; - display: block; - float: left; -} */ - -form { +form.search { /* border: white solid 1px; */ height: 150px; margin-top: -10px !important; @@ -27,11 +13,6 @@ form { border-bottom: #727272 solid 2px; } -/* div.titlebar-container { - border: white solid 1px; - border-bottom: #727272 solid 2px; -} */ - .title-text { float: left; margin-top: 26px; @@ -59,4 +40,28 @@ img.upload { /* margin-bottom: -17px; */ margin-top: 45px; float: right; +} + + +/* Styles for upload.php */ + +form.upload-form { + /* border: white solid 1px; */ + border-left: #727272 solid 2px; + border-right: #727272 solid 2px; + margin: 0 25% 0 25%; +} + +.upload-form input, .upload-form textarea, .upload-form select { + display: block; + margin-left: 20px; + /* margin-bottom: 30px; */ + /* border: white solid 1px; */ +} + +.upload-form h3 { + color: #FF3D53; + /* border: white solid 1px; */ + margin-bottom: 0px; + margin-left: 20px; } \ No newline at end of file diff --git a/scripts/main.js b/scripts/main.js new file mode 100644 index 0000000..c025523 --- /dev/null +++ b/scripts/main.js @@ -0,0 +1,106 @@ + +// Validates the data inputs on the upload form +function validateUpload() { + // console.log("Validated!"); + // document.getElementById("upload-form").submit(); + + var url_bar = document.getElementById('url'); + var video_title = document.getElementById('title'); + var username = document.getElementById('username'); + // var description = document.getElementById('description'); // optional + var video_date = document.getElementById('video-date'); + // var length = document.getElementById('length'); // optional + var characters = document.getElementById('characters'); + var players = document.getElementById('players'); + var game = document.getElementById('game'); + var stage = document.getElementById('stage'); + + // console.log('url_bar: ' + url_bar); + // console.log('video_title: ' + video_title); + // console.log('username: ' + username); + // console.log('description: ' + description); + // console.log('video_date: ' + video_date); + // console.log('length: ' + length); + // console.log('characters: ' + characters); + // console.log('players: ' + players); + // console.log('game: ' + game); + // console.log('stage: ' + stage); + + + // Checking that the required text boxes are filled in, and highlighting them red + // if they are not + var form_complete = true; + + // URL + if (url_bar.value == "") { + form_complete = false; + url_bar.style = "border-color:red;" + } else { + url_bar.style = "border-color:green;" + } + + // Video Title + if (video_title.value == "") { + form_complete = false; + video_title.style = "border-color:red;" + } else { + video_title.style = "border-color:green;" + } + + // Username + if (username.value == "") { + form_complete = false; + username.style = "border-color:red;" + } else { + username.style = "border-color:green;" + } + + // Video Date + if (video_date.value == "") { + form_complete = false; + video_date.style = "border-color:red;" + } else { + video_date.style = "border-color:green;" + } + + // Characters + if (characters.value == "") { + form_complete = false; + characters.style = "border-color:red;" + } else { + characters.style = "border-color:green;" + } + + // Players + if (players.value == "") { + form_complete = false; + players.style = "border-color:red;" + } else { + players.style = "border-color:green;" + } + + // Game + if (game.value == "") { + form_complete = false; + game.style = "border-color:red;" + } else { + game.style = "border-color:green;" + } + + // Stage + if (stage.value == "") { + form_complete = false; + stage.style = "border-color:red;" + } else { + stage.style = "border-color:green;" + } + + // If the form is completely filled out, call the submit function for the form + // and redirect them to submit.php, otherwise alert them that they've forgotten to + // fill in some of the form + if (form_complete) { + document.getElementById("upload-form").submit(); + } else { + alert('Please fill out the rest of the upload form.'); + } +} \ No newline at end of file diff --git a/upload.php b/upload.php new file mode 100644 index 0000000..ed0226e --- /dev/null +++ b/upload.php @@ -0,0 +1,63 @@ + + + FightHub - Upload + + + + + + + +

FightHub

+ + + upload +
+ + +
+ +

Youtube URL *

+ + +

Video Title *

+ + +

Username *

+ + +

Description

+ + +

Event Date *

+ + +

Video Length

+ + +

Characters (Seperated by commas) *

+ + +

Players (Seperated by commas) *

+ + +

Select Game *

+ + +

Stage Name *

+ + + + +
+ + +