Forums

Hi,

I've added some custom HTML codes and i have all the js files to load by default in the index.php, but i can't seem to get it to work, maybe i am missing something here, any help or pointers gladly appreciated.

Html form code:

<div id="form-izq">
              <label>Name <span>*</span>
              <input type="text" tabindex="1" name="name_txt" id="name_txt"/>
              </label>
              <label>E-mail <span>*</span>
              <input type="text" tabindex="2" name="email_txt" id="email_txt"/>
              </label>
              <label>Phone
              <input type="text" tabindex="3" name="phone_txt" id="phone_txt"/>
              </label>
              <label>City
              <input type="text" tabindex="4" name="city_txt" id="city_txt"/>
              </label>
              <p>Required fields are marked *.</p>
            </div><!-- end of form-izq -->


            <div id="form-der">
              <label>Message <span>*</span>
              <textarea tabindex="5" cols="50" rows="4" name="message_txt" id="message_txt"></textarea>
              </label>
              <input type="button" tabindex="6" value="Submit" class="button"/>
              <script type="text/javascript">
                 $(".button").click(function() {
                   submitMe();
                 });
                </script>
            </div><!-- end of form-der -->

This is my js file that loads from index.php

function submitMe(){
			//
			var name_txt = document.getElementById('name_txt');
			var email_txt = document.getElementById('email_txt');
			var message_txt = document.getElementById('message_txt');
			//
			name_txt.style.borderWidth = "0px";
			email_txt.style.borderWidth = "0px";
			message_txt.style.borderWidth = "0px";
			//			
			var err = false;
			//
			if( name_txt.value == '' ) { 
				err = true;
				name_txt.style.borderColor = "red";
				name_txt.style.borderWidth = "1px";
			}
			//
			if(isValidEmail(email_txt.value) == false) { 
				err = true;
				email_txt.style.borderColor = "red";
				email_txt.style.borderWidth = "1px";
			}
			//
			if( message_txt.value == '' ) { 
				err = true;
				message_txt.style.borderColor = "red";
				message_txt.style.borderWidth = "1px";
			}
			//
			if( err != true ) { 
				document.getElementById('ChronoContact_contactKannan').submit();
			}	
		}

Is this correct way of doing ?

Thanks

I'm sorry, got it to work. forgot to load the jquery.js :mrgreen: