TNEB Perm-link Generator

Tamilnadu electricity board meter usage page permanent link for your service number.

by arulrajnet

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
  <!-- <h1>TNEB Usage for your service number</h1> -->

  <form class="form-horizontal">
    <fieldset>

      <!-- Form Name -->
      <legend>TNEB Usage for your service number</legend>

      <div class="form-group">
        <label class="col-md-2 control-label" for="region">Region</label>  
        <div class="col-md-2">
          <select name="region" id="region" class="form-control" required>
            <option value="1">1. Chennai North (Central &amp; North EDC)</option>
            <option value="9">2. Chennai South (South, West &amp; Chengalpattu EDC)</option>
            <option value="3">3. Coimbatore</option>
            <option value="4">4. Erode</option>
            <option value="5">5. Madurai</option>
            <option value="6">6. Tirchy</option>
            <option value="7">7. Thirunelveli</option>
            <option value="8">8. Vellore</option>
            <option value="2">9. Villupuram</option>
          </select>
        </div>
      </div>

      <div class="form-group">
        <label class="col-md-2 control-label" for="serviceno">Service No</label>
        <div class="col-md-6">
          <div class="form-group row">
            <input type="text" maxlength="3" name="section" id="section" />
            <input type="text" maxlength="3" name="district" id="district" />
            <input type="text" maxlength="4" name="number" id="number" />
            <span id="errmsg"></span>
          </div>
        </div>
      </div>

      <div class="form-group">
        <div class="col-md-2">
          <input type="button" id="submit-btn" value="Submit">
        </div>
      </div>

      <div class="form-group">
        <div class="col-md-4" id="result">
        </div>
      </div>
    </fieldset>
  </form>

  <footer>Created By - <a...

CSS

body {
    margin: 1em;
}
footer {
    margin-top: 2em;
}
    #errmsg
    {
      color: red;
    }

JavaScript

// Create Base64 Object
    var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}


    function allow_only_number(e) {
       //if the letter is not digit then display error and don't type anything
       if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
          //display error message
          $("#errmsg").html("Digits Only").show().fadeOut("slow");
          return false;
        }      
      }

      $("#section").keypress(allow_only_number)
 ...