onSubmit validation with enter key

onSubmit validation with enter key and click button.

by Ankit Patidar

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="col-xs-12">
    <form role="form" action="" method="post" onSubmit="return formValidate()" class="form-horizontal">
        <div class="form-group">
            <label for="name">Folder Name</label>
            <input type="text" name="name" id="name" class="form-control" placeholder="New Folder Name" autocomplete="off" required="" />
        </div>
        <div class="form-group">
            <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-plus-sign"></span> Create</button>
            <button type="button" class="btn btn-default" id="cancelFx"> Cancel</button>
            <div class="alert alert-danger errMsg" id="errMsgBlank" style="display:none">Name should not be blank</div>
        </div>
    </form>
</div>

JavaScript

function formValidate() {
    if (trim($("#name").val()) == "") {
        $("#errMsgBlank").show();
        return false;
    } else {
        $("#errMsgBlank").hide();
        $("#validate").submit();
    }
}

function trim(str) {
    return str.replace(/^\s+|\s+$/g, '');
}