dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Why is my script not working?

  1. #1
    Join Date
    Mar 2017
    Posts
    2

    Unhappy Why is my script not working?

    I am trying to understand why when I press the submit button on my contact form my c: drive opens..? Basically I just want to understand why this isn't working.

    Please forgive me if my pasting layout to this site is not correct as I am ultra NOOB.

    Thank you.




    My code is follows:
    HTML Code:
    <form id="contact-form" action="/" method="post">
    			<h3>Get in touch</h3>
    			<h4>Fill in the form below, and we'll get back to you </h4>
    			<div>
    					<label>
    							<span>Name: (required)</span>
    							<input placeholder="Please enter your name" type="text" tabindex="1" required autofocus>
    					</label>
    			</div>
    			<div>
    					<label>
    							<span>Email: (required)</span>
    							<input placeholder="Please enter your email address" type="email" tabindex="2" required>
    					</label>
    			</div>
    			<div>
    					<label>
    							<span>Telephone: (required)</span>
    							<input placeholder="Please enter your number" type="tel" tabindex="3" required>
    					</label>
    			</div>
    			<div>
    					<label>
    							<span>Website: </span>
    							<input placeholder="Begin with http://" type="url" tabindex="4" >
    					</label>
    			</div>
    			<div>
    					<label>
    							<span>Message: (required)</span>
    							<textarea placeholder="Include all the details you can" tabindex="5" required></textarea>
    					</label>
    			</div>
    			<div>
    					<button name="submit" type="submit" id="contact-submit">Send Email</button>
    			</div>
    			</form>
    ----------------------------------------------------------------------------------------------------------------------------------------

    Code:
    // Ja(function() {
     
        // Create input element for testing
        var input = document.createElement("input");
         
        // Create the supports object
        var supports = {};
         
        supports.autofocus   = "autofocus" in input;
        supports.required    = "required" in input;
        supports.placeholder = "placeholder" in input;
     
        // Fallback for autofocus attribute
        if(!supports.autofocus) {
             
        }
         
        // Fallback for required attribute
        if(!supports.required) {
             
        }
     
        // Fallback for placeholder attribute
        if(!supports.placeholder) {
             
        }
         
        // Change text inside send button on submit
        var send = document.getElementById("contact-submit");
        if(send) {
            send.onclick = function () {
              this.innerHTML = "...Sending";
            };
        }
    ---------------------------------------------------------------------------------------------------------------

    <css>

    #contact-form input[type="text"],
    #contact-form input[type="email"],
    #contact-form input[type="tel"],
    #contact-form input[type="url"],
    #contact-form textarea {
    width:100%;
    box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
    border-radius:5px;
    }

    #contact-form button[type="submit"] {
    cursorointer;
    width:100%;
    border:none;
    background:#991D57;
    background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
    background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
    background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
    color:#FFF;
    margin:0 0 5px;
    padding:10px;
    border-radius:5px;
    }

    ::-webkit-input-placeholder {
    color:#888;
    }
    :-moz-placeholder {
    color:#888;
    }
    ::-moz-placeholder {
    color:#888;
    }
    :-ms-input-placeholder {
    color:#888;
    }

    </css>

  2. #2
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,258
    I could ask why am I not earning 200K a year bonus...

    Is this page being run from a web server or locally in your web browser off your hard drive.

    <form>'s have name's attributes as do <input>'s and not id's to access the form.

    You also have to set the enctype base on the method
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles