Archief - Door form inputs loopen met jQuery.

var btnSubmit = $('#submit-user');

btnSubmit.click(function() {
	
	var form = $(this).parents('form');
	
	form.find('input').each(function() {
		if($(this).val() = "") {
			alert('Please fill out all fields');
			return false;
		}
	});
	
	var datastring = form.serialize();
	// ajax
	
	return false;
});

});

$("document").ready( init );

function init() {
	var btnSubmit = $("form input[type=submit]");
	//console.log(btnSubmit.val());
	
	btnSubmit.click( valideerForm );
}

function valideerForm( e ) {
	verzenden = true;
	var form = $(this).parents('form');
	
	form.find('input').each(function() {
		if($.trim($(this).val()) == "") {
			verzenden = false;		
		}
	});
	
	if(!verzenden) {
		alert("U moet alle velden invullen");
	} else {
		var datastring = form.serialize();
		// ajax
	}
	
	return false;
}

<form action="<?php echo uri_string(); ?>" method="post" id="new-user">
<table border="0">
	<tr>
	</tr>
	<tr>
		<th>Username</th>
		<th>E-mail</th>
		<th>Usergroup</th>
		<th>Password</th>
		<th>Repeat password</th>
		<th>Submit</th>
	</tr>
	<tr class="even">
		<td><input type="text" name="username" /></td>
		<td><input type="text" name="email" /></td>
		<td><select name="usergroup_id"><?php 
		foreach($usergroups as $usergroup) { 
			echo '<option value="'.$usergroup['id'].'">'.$usergroup['name'].'</option>'; 
		}
		?></select></td>
		<td><input type="password" name="password" /></td>
		<td><input type="password" name="password_check" /></td>
		<td><input type="submit" name="subm_new_user" value="Add" id="submit-user" /></td>
	</tr>
</table>
</form>