javascript - JS validation on form -


i have form trying validate js. problem life of me can’t work.

can tell me i’m going wrong? in example below rying validate email field.

regards, marc

function validateemail() {      var x = document.forms["myform"]["email"].value;  	if (x == null || x == "") {          alert("name must filled out");          return false;      }  }
#contact-area {    	width: 500px;  	max-height:200px;  	margin-top: 0px;  	float:left;  }    #contact-area input, #contact-area textarea {    	padding: 3px;  	width: 520px;  	font-family:'lato', sans-serif;  	font-size: 14px;  	margin: 0px 0px 0px 0px;  	border: 1px solid #ccc;  }    #contact-area textarea {    	height: 90px;  }    #contact-area textarea:focus, #contact-area input:focus {    	border: 1px solid #ffc423;  }    #contact-area input.submit-button {    	width: 100px;  	float: left;  	background-color:#ffc423;  	color:black;  	margin-top:13px;  	cursor:pointer;  }    #contact-area input.submit-button:hover {  	background-color:#002b51;  	color:white;  }    label {    	float:left;  	text-align:left;  	margin-right:15px;  	width:100px;  	padding-top:10px;  	padding-bottom:5px;  	font-size:15px;  	color:#ffc423;  	font-weight:700;  }    textarea {       resize: none;   }
<div id="contact-area">  			  						<form method="post" action="contactengine.php" name="myform" onsubmit="return contact-validation()">  						<label for="name">name:</label>  						<input type="text" name="name" id="name">  				  						<label for="company">company:</label>  						<input type="text" name="company" id="company">  	  						<label for="email">email:</label>  						<input type="email" name="email" id="email">  				  						<label for="message">message:</label>  						<textarea name="message" rows="20" cols="20" id="message" title="your message | max 300 characters"></textarea>    						<input type="submit" name="submit" value="submit" class="submit-button">  						</form>  			  					<div style="clear: both;"></div>  			  					</div>

this wrong:

onsubmit="return contact-validation()">

  1. you have no javascript method called contact-validation().

  2. even if did, dashes not valid in function names.

try instead:

onsubmit="return validateemail()">

Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -

i rendering jbutton image on simulate jcheckbox behavior. why don't let jtable render jcheckbox? because need bigger checkboxes , there's no way can resize them (as far know). so, have own table cell renderer , editor. both renders jbutton , checkbox images on them. trying change image checked image unchecked image (or vice versa) , update cell value (boolean true or false). however, reason, getcelleditorvalue() not update table. so, release mouse, value goes original one. any appreciated! lot! public class tableexample extends jframe { jscrollpane pane; jpanel panel; jtable table; object[][] data; mytablemodel tm; renderer buttoncolumn; public tableexample(object[][] data) throws ioexception { string[] columns = {"column#1", "column#2", "column#3", "column#4", "column#5", "column#6"}; this.data = data; this.setpreferredsize(new dimension(700, 500));
Read more