batuhan-basoglu/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

form validation

Browse source
This commit is contained in:
soyed 2021-03-10 15:03:22 -05:00
parent 158bd61be7
commit a470a86d6c
3 changed files with 27 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
css/styles.css
View file

@ -72,10 +72,10 @@ p {
}
hr {
border: dotted #EAF6F6 6px;
border-bottom: none;
width: 20%;
/* margin: 100px auto; */
border: dotted #EAF6F6 6px;
border-bottom: none;
width: 20%;
/* margin: 100px auto; */
}

7
index.html
View file

@ -11,19 +11,18 @@
<link rel="stylesheet" href="css/styles.css">
<!-- fontawesome -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<!-- Bootstrap Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
</head>
<body>
<section class="colored-section2" id="title">
<div class="container-fluid">

19
scripts/index.js
View file

@ -32,5 +32,24 @@ function getAvailability(date) {
//Form Validation
function validateForm(){
//first check that the user has selected,
var serviceSelected = $('#selectService option:selected').val();
console.log(optionSelected);
if (serviceSelected === "Select Service"){
alert("*Please select a service");
}
//next check for the technician selected by the users
var technicanSelected = $('#technicanSelected option:selected').val();
console.log(technicanSelected);
if(technicanSelected === "Select technican"){
alert("*Please select a technican")
}
//next, check for appointment date selection
//next, check for appointment time selection
// Account Section
//check for creditCard holder name
// check for credit card Format.
// check for t
}