Search the Community
Showing results for tags 'Submit Button'.
Found 4 results
-
hello. I have a html form designed using W3CSS. There is a SELECT field which I have used an ONCHANGE command, & this submits the form when the select is changed. HOWEVER, the button, does not submit the form. It just moves the page to the DIV anchor. At the top of the page I have the current time - hh:mm:ss. When I press the w3blue button, (select animal) the page moves, so the 'menu' div is at the top of the visible page, However the clock/time at the top doesn't change. <form class="w3-container" action="/animals/#menu"> <select class="w3-select" name="viewpet" onchange="this.form.submit()"> <option value="">Select Animal</option> <option value="220000001" selected="selected">220000001, cat, Jerry, (m) scottish_fold</option> <option value="220000002" >220000002, cat, Jerry, (f) toyger</option> </select> <button class="w3-btn w3-blue">Select Animal</button> </form> I'm going to add a few extra input values/fields in, But what do I do to fix the form so the blue button actually submits the page & refreshes it..? i am following this website. https://www.w3schools.com/w3css/w3css_input.asp (Half the examples don't even have a submit button to test...) EDIT: ive got a 2nd form on the same page, the submit button is exactly the same (very similar) - Both forms have no ID's etc - no names.. It just submits "this form". I'm not sure why 1 form works & one form doesn't. (the div ID is above both the forns - To see part of the visible page I want folk directed to.. BOTH forms go to the sane page/div ID. )
-
Hello. Please understand that I am very new to HTML. I am going to post what I need to accomplish and then hopefully someone can guide me on how to make it happen. I need to create a login page on my website so that a user can login using a specific username and password and be directed to a URL based on the username and password they entered. For instance I have a folder on my server that I am using to store data specific to a client named Kenneth. The URL might be www.mysite.com/kenneth - When Kenneth goes to my website and accesses the “Client Login Page” he will see a form to enter Username and Password and click Submit. When he enters his username and password correctly and clicks submit it would guide him to a folder on my server where he can access his data. I would like any client to have the same functionality- so for instance if Sally enters her username and password she would be guided to her own space on my server. Does that make sense and is it possible to accomplish? Thank you for your help!
-
Morning to you Master of Java Programming. My name is King Amada, with basic knowledge of HTML and Javascript. I want to Create a javascript button, that onclick it will open itunes and play music, i am using Mac OSX 10.8.2, and have safari browser to test my website. and i want to validate my form, i want the user not be able to submit the form without filling in all the fields, and selecting the platform, and last but not least, i want if the user select wimac, to open another music file, if wimob to open another one, please help me out. this is my code below, help me out please? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""]http://www.w3.org/TR...nsitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml%22>"]http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Untitled Document</title><style type="text/css">#apDiv1 {position: absolute;width: 200px;height: 331px;z-index: 1;left: 189px;top: 121px;font-style: oblique;font-weight: lighter;color: #999;background-image: url(../../Downloads/back_to_the_mac.jpg.png);}#apDiv2 {position: absolute;width: 200px;height: 56px;z-index: 2;font-size: 18px;left: 0px;top: 82px;}</style><script type="text/javascript">function MM_validateForm() { //v4.0 if (document.getElementById){ var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments; for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]); if (val) { nm=val.name; if ((val=val.value)!="") { if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@'); if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n'; } else if (test!='R') { num = parseFloat(val); if (isNaN(val)) errors+='- '+nm+' must contain a number.\n'; if (test.indexOf('inRange') != -1) { p=test.indexOf(':'); min=test.substring(8,p); max=test.substring(p+1); if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n'; } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; } } if (errors) alert('The following error(s) occurred:\n'+errors); document.MM_returnValue = (errors == '');} }</script></head><body background="../../Downloads/back_to_the_mac.jpg.png"><div id="apDiv1"> <table width="200" height="331" border="0"> <form id="form1" name="form1" method="get" action="../../Movies/Music Videos/Michael Jackson - Dirty Diana - YouTube.FLV"> <tr> <th width="107" scope="col" align="left">WiName:</th> <th width="77" scope="col"> <label for="WName"></label> <input type="text" name="WName" id="WName" tabindex="1" size="15"/> </th> </tr> <tr> <th scope="row" align="left">WiKey:</th> <td><label for="Wkey"></label> <input type="Password" name="Wkey" id="Wkey" tabindex="2" size="15" /></td> </tr> <tr> <th scope="row"> </th> <td><div id="apDiv2" align="center"><hr />Platform<hr /></div></td> </tr> <tr> <th scope="row" align="left">WiMob:</th> <td><input type="radio" name="radio" id="Mob" value="Mob" tabindex="3" /> <label for="Mob"></label></td> </tr> <tr> <th scope="row" align="left">WiWin:</th> <td><input type="radio" name="radio" id="Win" value="Win" tabindex="4" /> <label for="Win"></label></td> </tr> <tr> <th scope="row" align="left">WiMac:</th> <td><input type="radio" name="radio" id="Mac" value="Mac" tabindex="5" /> <label for="Mac"></label></td> </tr> <tr> <th scope="row"> </th> <td><input name="Submit" type="submit" id="Submit" tabindex="6" onclick="MM_validateForm('WName','','R','Wkey','','R');return document.MM_returnValue" value="Submit" /></td> </tr> </form> </table></div></body></html> Read more: http://forum.codecall.net/topic/73719-javascript-programming-to-play-open-and-play-itunes-music-in-itunes/#ixzz2GZDwc46I -
<html><head><title>Korean Language School</title><script type="text/javascript"> function apply() { document.frm.sub.disabled = true; if (document.frm.chk.checked == true) { document.frm.sub.disabled = false; } if (document.frm.chk.checked == false) { document.frm.sub.enabled = false; } }</script></head><body><form id="apply" action="" name="frm"> <fieldset> <legend>Customer Information</legend> <dl> <dt><label for="name">Name</label></dt> <dd><input type="text" placeholder="First & Last Name" required="required" id="name"/></dd> </dl> <dl> <dt><label for="email">Email</label></dt> <dd><input type="email" placeholder="asklc@hotmail.com" required="required" id="email"/></dd> </dl> <dl> <dt><label for="gender">Gender</label></dt> <dd><input type="radio" name="gender"/>Male <input type="radio" name="gender"/> Female</dd> </dl> <dl> <dt><label for="contact">Contact Details</label></dt> <dd><input type="text" value="+65" required="required" id="contact"/></dd> </dl> <dl> <dt><label for="Ask">Have you learnt Korean Before?</label></dt> <dd><input type="radio" name="Ask" />Yes <input type="radio" name="Ask" />No</dd> </dl> </fieldset> <fieldset> <legend>Class Information</legend> <dl> <dt><label for="Course">Which Course Are you taking?</label></dt> <dd><input type="radio" name="course" />Basic Course<br /><input type="radio" name="course" />Intermediate Course<br /><input type="radio" name="course" />Advanced Course</dd> </dl> <dl> <dt><label for="frequency">How often will you like the class to be?</label></dt> <dd><input type="radio" name="freq" />Twice a week<br /><input type="radio" name="freq" />Once a Week<br /><input type="radio" name="freq" />Once Every 2 Weeks</dd> </dl> <dl> <dt><label for="time">What days do you prefer your lesson to be?</label></dt> <dd><input type="checkbox" name="time" />Weekday<br /><input type="checkbox" name="time" />Saturday<br /><input type="checkbox" name="time" />Sunday</dd> </dl> <dl> <dt></dt> <dd style="padding-left: 100px;">I have agree to the <a href="#">Terms & Condition</a> <input type="checkbox" name="chk" onClick="apply()"></dd> </dl> <dl> <dt></dt> <dd><input type="button" name="sub" value=" Submit " disabled="disabled" onclick="submit()"><input type="reset" value=" Reset "/></dd> </dl> </fieldset> </form> I got my Javascript from a site [sorry, i've forgotten where] When i click on my " I have agree to the Terms & Condition " checkbox, my submit button becomes clickable again. However, when i tried this, <script type="text/javascript"> function apply() { document.frm.sub.disabled = true; if (document.frm.chk.checked == true && document.frm.course.checked== true && document.frm.freq.checked == true && document.frm.time.checked == true) { document.frm.sub.disabled = false; } if (document.frm.chk.checked == false && document.frm.course.checked == false && document.frm.freq.checked == false && document.frm.time.checked == false) { document.frm.sub.enabled = false; } }</script> No matter what i have checked, the submit button stays "Disabled" all the time.
