I have been trying to learn basic Form data capture through HTML and PHP. This is the place I have been stuck since so many days and have searched different sites for a solution. So far, nothing changed.
I have given the code I am using below and following are the problems I am facing:
a) If (isset()) function is running all the code inside it, even before we click submit
b) Data is not getting inserted into the table - No Error as such
PHP:
$link = mysqli_connect($servername, $dbusername, $dbpassword, $database);
        if(! $link) {
          echo "Connection failed".mysql_error();
        } 
            if (isset($_POST['submit'])){
              $Project_Service_Name = $_POST['Project_Service_Name'];
              $Project_Desc = $_POST['Project_Desc'];
              $sql = "INSERT INTO mrc_projectmaster (Project_Service_Name, Project_Desc) VALUES ('$Project_Service_Name','$Project_Desc')";
              $result = mysql_query($link, $sql);
              if ($result) {
              echo " Data Successfully inserted";
              } else {
              echo "Please Enter Variables".mysql_error();
              }} 
HTML:
<form name = "ProjCreate" onsubmit = "return validatemyform();" method = "post" action = "">
  <div class = "form-group row">
      <label for = "Projname" class = "col-sm-3 col-form-label"> Project/Service Name : </label> 
      <div class = "col-sm-9">
      <input type = "text" Name = "Project_Service_Name" Placeholder = "Name of the Service/Project" class = "form-control" id = "Projname" >
      </div>
  </div>
  <div class = "form-group row">
      <label for = "Projdesc" class = "col-sm-3 col-form-label"> Project/Service Description: </label> 
      <div class = "col-sm-9">
      <textarea Name = "Project_Desc" Placeholder = "Description" class = "form-control" id = "Projdesc"></textarea>
      </div>
  </div>
  <div class = "form-group row">
    <div class = "col-sm-3">
    </div>
    <div class = "col-sm-9">      
    <input type = "submit" class = "btn btn-danger" Value = "Submit" Name = "Submit"> 
    </div>
  </div>
  </div>
</form>
JAVA SCRIPT:
<script>
  function validatemyform() {
    var formfield1 = document.forms["ProjCreate"]["Project_Service_Name"].value;
    var formfield2 = document.forms["ProjCreate"]["Project_Desc"].value;
    if (formfield1 == "" || formfield2 == ""){
       alert ("Please Fill all the Fields");
      } else {
         return true; 
      }
      }
</script>
Would be of real great help if I could understand where i Was going wrong.
Thanks a lot in advance
