Advice on JavaScript samantic html relationship

Shibitto · November 21, 2018

Hay can someone offer some input(it's definitely not mobile friendly what I wrote) in regards to JavaScript and the html form document, I can't recalls the relationship while testing the JavaScript logic, any inputs welcome. Definitely recommend looking at it via desktop mode if on tablet or phone. 🤗


  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html>
   <head>
   
   </head>
   <body>
	 
	       <!--FORM_REGISTER-->

   <div class="one">
   <form action="
   " method="post" onsubmit = "return register_details();" />
     <!--C--> Country<br><input type="text"id="country"/></br>
	 <!--A--> Age<br><input type="age"id="DOB"/></br>
	 <!--S--> Status<br><input type="text"id="status"/></br>

				
					 
    
     </form>
	 </div>

     <div class="two">
	 
	 <form action="submission.html" method="register_details(id)" onsubmit = "return register_details();" />
     <!--U-->UserName<br><input type="text"    value=""	id="UsernName"/></br>
	 <!--P-->Password<br><input type="password"value=""	id="Password"/></br>
	 <!--E-->   Email<br><input type="Email"   value=""	id="Email"/></br>
	            Male<br><input  type="radio"   value=""	id="male" /></br>
               Female<br><input type="radio"   value="female" id="female" /></br>
			   Submit<br><input type="submit"  value="register" id ="submit "/></br>
	</form>
	</div>
  
  
	 <style type="text/css">
	.one {
     background-color:#444444;
     color:white;
     margin:350px;
     padding:12px;
	 text-align:left;
	 position:fixed;
	 
	 }
	.two {
	 background-color:#444444;
     color:white;
     margin:350px;
     padding:12px;
	 text-align:center;
	 position:fixed;
	 left:10px;
     top:240px;
	 width:1157px;
     height:1000px;
     background:#444444;
	 
}
	//body
 {
    overflow:hidden;
}
	
	 </style>
	 <!-----------------------------------------------> 
	 <script type="text/javascript">

     function register_details(id)  {
     
	 
   // bool checked = false;
    
     var username = document.getElementById (id,value,"username").value;
     var password = document.getElementById (id,"password").value;
     var email = document.getElementById (id,"email").value;
     var male = document.getElementById (id,"male").value;
     var female = document.getElementById (id,"female").value;
	 <!------------------------------------------------------>
     var submit = document.getElementById (id,"register").value;
	 
     if ((value === "") || (password === "") || (email === "")) {
    	
	 alert("please correct information");
	
}if ((male[0].checked === false ) && ( female[1].checked === false )){
		
		console.log("please fix gender");	
		} else  if (ErrorText= "") {

	  alert("please correct information");
      }else{
      	submit(register_details(id))
		}
		}
	 
     </script>
	 
	 
	 <!------------------------------------------------>
	
    </body>
    </body>
    </html>

Edited November 21, 2018 by Shibitto

justsomeguy · November 21, 2018

What questions do you have?

Sign In

Advice on JavaScript samantic html relationship

Recommended Posts

Shibitto

Link to comment

Share on other sites

justsomeguy

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity