Code: Select all
<script type="text/javascript">
$(document).ready(function() {
$('div.message message-error').hide();
$('div.message message-success').hide();
$("input.submit").click(function() {
$('div.message message-error').hide();
var divisionname = $("input#divisionname").val();
if (divisionname == "") {
$("div.message message-error").show();
$("input#name").focus();
return false;
}
var dataString = 'divisionname='+ divisioname;
$.ajax({
type: "POST",
url: "bin/process.php",
data: dataString,
success: function() {
$("div.message message-success").show();
return true;
}
});
return false;
});
});
</script>
<!-- Form -->
<form action="" name="divisionform">
<fieldset>
<legend>Add New Division</legend>
<div class="field required">
<label for="divisionname">Division Name</label>
<input type="text" class="text" name="divisionname" id="divisionname" title="Division Name"/>
<span class="required-icon tooltip" id="" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
</div>
<input type="submit" class="submit" name="submitdivision" id="submitdivision" title="Submit Division" value="Submit Division"/>
</fieldset>
</form>
<div class="message message-error">
<h6>Required field missing</h6>
<p>Please fill in all required fields. </p>
</div>
<div class="message message-success">
<h6>Operation succesful</h6>
<p>Everything's going according to plan.</p>
</div>
<!-- /Form -->