Simple client side validation library

Client side validation has never been easy..

Include jQuery and the validator.js 

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>  
<script src="../validate.js"></script>

Simple validation

   <form id="myForm">        
        <label>User Name <span class="red-star">*</span> </label>
        <input type="text" name="userName" class="validate-required" />
        <br />


        <label>Password <span class="red-star">*</span></label>
        <input type="password" name="password" class="validate-required" />
        <br />


        <input type="submit" value="Login" />
    </form>
    <script type="text/javascript">
        $(function () {
            validator.initValidationEvents('myForm');
            validator.showError = function(element,errorMessage){
                $(element).notify(
                        errorMessage,
                        {
                            position:"right",
                            autoHide: false,
                            clickToHide: false
                        }
                );
            };

            validator.hideError = function(element){
                $(element).notify('notify-hide');
            };

        });
    </script>

Validating regex

        



<form id="myForm">    
    <label>User Name <span class="red-star">*</span> </label>
    <input type="text" name="userName"
           class="validate-required validate-regexp"
           data-regexp='^(ftp|http|https):\/\/[^ "]+$'
           data-validate-regexp="Please provide a valid url." />
    <br />


    <label>Password <span class="red-star">*</span></label>
    <input type="password" name="password" class="validate-required" />
    <br />


    <input type="submit" value="Login" />
</form>
<script type="text/javascript">
    /*
    You can give any regexp as data-regexp and provide data-validate-regexp as the validation human readable version.

    This way you can handle most of the validations out there.

    If you need more customization, then you can go for validator.addMethod ( I have provided a separate example for this 04-add-custom-methods.html )
     */
    $(function () {
        validator.initValidationEvents('myForm');
    });




    </script>

Validating without a form

	<div id="myDiv"> <label>User Name <span class="red-star">*</span> </label> <input type="text" name="userName" class="validate-required" />
	<br />
	<label>Password <span class="red-star">*</span></label>
	<input type="password" name="password" class="validate-required" />
	<br />
	<input type="button" id="loginButton" value="Login" />
	</div>
	<script type="text/javascript">
	$(function () {
	/*
	Default case of initValidationEvents method is expecting the page to have a form and a button with type="submit".
	But in this case we just have a div container and a button with type="button".
	So we are passing a dummy function as an argument to disable submit event handler.
	*/
	validator.initValidationEvents('myDiv',function(){});
	$('#loginButton').click(function(){
	if(validator.isValidForm('myDiv')){
	alert('your form is valid :D');
	} else {
	alert('your form is not valid !!!!! :(')
	}
	})
	});
	</script>

https://github.com/chanaka3d/validator

Displaying a resource in the WSO2 registry with jaggery

var carbon = require('carbon');
    var server = new carbon.server.Server();
    var options = {
        username: 'admin',
        tenantId: -1234
    };
    var reg = new carbon.registry.Registry(server, options);
    var path = '/_system/es/cartoon001gossiplankanews.png';
    var resource = reg.get(path);
    response.contentType = resource.mediaType;
    print(reg.content(path));