Archives: Try It

Try Bootstrap form validation using javascript

Bootstrap Form Validation Example Bootstrap 3 form validation with field attached alert message Name Email Phone No Submit ×’; var message_ends = ‘ ‘; if (name.length < 2 || !/^[A-Za-z\s]+$/.test(name)) { var message = message_init + 'Name lenth must be greter then 2 and only character' + message_ends; $('#id_name').focus(); if($('input#id_name + div.alert.alert-danger').length == 0) { […]

Read More

Try to make load more gallery without reloading page using javascript.

<!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <!– used for the character set used –> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <title>Javascript Load More</title> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”> <style type=”text/css”> div.col-xs-4 { padding: 10px; border: 1px dotted; } div.col-xs-4 { display:none; } div.col-xs-12 { padding: 15px 0px; } </style> </head> <body> <div class=”container”> <div class=”row”> <div […]

Read More

Try it yourself – JavaScript Form Validation with email , phone number and name.

Javascript Form Validation if (full_name.value.length < 2 || !/^[A-Za-z\s]+$/.test(full_name.value)) { textHint.innerHTML = " Please Fill Your Name Properly "; full_name.focus() full_name.required=true; full_name.setCustomValidity("Please Fill Your Name Properly"); return false; }else{ textHint.innerHTML = ""; full_name.required=false; full_name.setCustomValidity(""); } if (company_name.value.length == 0) { textHint.innerHTML = " Please Fill Your Company Name "; company_name.focus() company_name.required=true; company_name.setCustomValidity("Please Fill Your Company […]

Read More

Try Code for table row pagination

Pagination of html table Using js Pagination of html table Using js One Two Three Four Five Six Seven Eight Nine Ten Eleven Twelve Thirteen Fourteen Fifteen Sixteen Seventeen Eighteen Nineteen Twenty Twenty-one Twenty-two Twenty-three Twenty-four Twenty-five Twenty-six Twenty-seven Twenty-eight Twenty-nine Thirty Thirty-one Thirty-two Thirty-three Thirty-four Thirty-five Thirty-six Thirty-seven Thirty-eight Thirty-nine Forty Forty-one Forty-two Forty-three […]

Read More

Try Code for Unordered list (ul li) pagination

Pagination of unordered list Using js Pagination of unordered list Using js Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar ipsum Lorem ipsum dolar […]

Read More

Try Bootstrap Make center bootstrap 3 tab and pills

Basic Bootstrap Home Menu 1 Menu 2 Menu 3 Home Menu 1 Menu 2 Menu 3

Read More

Try Bootstrap Dynamic or toggleable bootstrap 3 pills

Basic Bootstrap Home Menu 1 Menu 2 Menu 3 HOME Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Menu 1 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Menu 2 Sed ut perspiciatis unde omnis […]

Read More

Try Bootstrap Dropdown menu in pills

Basic Bootstrap Home Menu 1 Menu Menu Menu Menu 2 Menu 3

Read More

Try Bootstrap Active and Disabled Pills

Basic Bootstrap Home Menu Menu 3

Read More

Try Bootstrap Make Vertical Pills Menu

Basic Bootstrap Home Menu 1 Menu 2 Menu 3

Read More