Google+ Followers

Connect

Get Updates Via Email

Enter your email address:

Delivered by FeedBurner

Sunday, 22 June 2014

Input Text Validation using BootStrap CSS and JQuery

HTML Code:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta charset="utf-8">
  <title>Text Input Validation</title>
</head>
<body>
  <strong>Enter any Data:<strong><br/>
<input type="text" class="btn-lg btn-default" id="test"/>
  <span id='testvalid'></span>
</body>
</html>

JQuery Script Code

$(document).ready(function(){
   
  //Blur Event checks the input field when it loses focus
  
  $('#test').blur(function(){
   
    //checks text value empty
    if($(this).val()==''){
      
     $('#test').addClass("btn-lg btn-danger");
      $('#testvalid').html("<span style='color:white;background-color:maroon;border-radius:7px;border-width:10px;box-shadow: 3px 3px 5px #999'>&nbsp; &#x2717 &nbsp;</span>");   
     
    }    
    else{
      $('#testvalid').html('');
      $('#test').addClass("btn-lg btn-default");
      
  
    }                  
  });
  
  //keyup event checks user giving entering data
  $('#test').keyup(function(){
        
    if($(this).val()!=''){
   $('#testvalid').html('');
      $('#test').removeClass("btn-danger");  
    }
                  
  });

});

Output:

Demo: 



Click here to Live Preview

Monday, 2 June 2014

How create directory or folder and Sub Folders in Java ?

Java Code Snippets

/**
* create single directory
*/
public static void CreateSingleDirectory(){
File file=new File("c:\\kumaran");
if(!file.exists()){
if(file.mkdir()){
System.out.println("Directory is created");
}
}
else{
System.out.println("File Already exist");
}
}

/**
* create multiple directory
*/
public static void CreateMultipleDirectory(){
File file=new File("c:\\kumaran\\projects\\project1");
if(!file.exists()){
if(file.mkdirs()){
System.out.println("Directories are created");
}
}
else{
System.out.println("Files are Already exist");
}
}

Output



AngularJS Hello world Text Input and ng-model

Code:

<!DOCTYPE html>
<html ng-app>
<head>
    <title>Hello World, Example</title>
    <script type="text/javascript"
        src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>
<body>
     
    Write some text in textbox:
    <input type="text" ng-model="uservalue" />
    <h1>Hello {{ uservalue }}</h1>
     
</body>
</html> output: