http://bassistance.de/jquery-plugins/jq ... alidation/
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../../ckeditor/ckeditor.js"></script>
<script src="../../ckeditor/_samples/sample.js" type="text/javascript"></script>
<link href="../../ckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery-validation/jquery.validate.js"></script>
<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
<script>
$(document).ready(function()
{
$("#form1").validate(
{
rules: {
// no quoting necessary
title: {
required: true
},
// dots need quoting, too!
description: {
required: true
}
}
});
});
</script>
</head>
<body>
<form name="form1" id="form1" action ="add.php">
<div>TITLE <input type="text" name="title" id="title" value="" style="width: 325px; font-family: Verdana" /></div>
<div> DESCRIPTION <textarea name ="description" id ="description" label="Description"></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'description');
</script>
</div>
<input name="submit" id="submit" type="submit" value=" Submit" class="buttons" accesskey="s" style="font-size:15px" />
</form>
</body>
</html>