вот такой код проверки полей.
<!doctype html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js">
</script>
<link rel="stylesheet" type="text/css" href="new.css" />
</head>
<body>
<div class="container">
<div><div class="texts"> Name </div> <input type="text" name="Name" class="inp" id="text" /> </div>
<div><div class="texts"> Surname </div> <input type="text" name="Surname" class="inp" id="text1"/></div>
<div><div class="texts"> City </div> <input type="text" name="City"class="inp" id="text2"/></div>
<div><div class="texts"> Email </div> <input type="text" name="Email" class="inp" id="text3"/></div>
<div><div class="texts"> Password </div> <input type="password" name="Pass" class="inp" id="text4"/></div>
<div><div class="texts"> Repeat password </div> <input type="password" name="rpt" class="inp" id="text5"/></div>
</div>
<div class="submit">
<input type="button" name="button" value="register" class="button"/>
</div>
<span>
<script>
$(document).ready(function(){
$('.button').click(function(){
var text = $('#text').val();
if( /[^a-z]/.test(text)){
$('#text').after('').css('color','red');}
else {
var text1 = $('#text1').val();
if( /[^a-z]/.test(text1)){
$('#text1').after('').css('color','red');}
else {
var text2 = $('#text2').val();
if( /[^a-z]/.test(text2)){
$("#text2").after('').css('color','red');}
else {
var text3 = $('#text3').val();
var filter = /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/;
if (filter.test(text3)){
$("#text3").after('')}
else {
$("#text3").after('Wrong mail adress')}
};
}
};
});
});
</script>
</body>
</html>