JSON form validation

by karim79

HTML

<form>
<input type="text" name="name"/><br />
<input type="text" name="telephone"/><br />
</form>

CSS

div.error {
    border: 1px solid red;
    color: red;   
}

input.error {
    background: red;   
}

JavaScript

var data = {
    errors: {
        name: "You need to give your name",
        telephone: "Please enter your phone number"
    }
};

var $errorDiv = $("<div />").addClass("error").prependTo("form");
$.each(data.errors, function(key, val) {
    $errorDiv.append(val).append("<br />");
    $("input[name='" + key + "']").addClass("error");
});