FightHub/scripts/main.js
2019-04-22 01:02:53 -04:00

104 lines
3.2 KiB
JavaScript

// Validates the data inputs on the upload form
function validateUpload() {
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.');
}
}