Wednesday, March 28, 2012

Converting to XML Format Variable

Suppose there exists a lot of Checkboxes, for saving all we can convert values to an XML format and pass to DB

<div id="divTest">
<table>
<tr>
<td>
<input type="checkbox" value="1"/>One
</td>
<td>
<input type="checkbox" value="2"/>Two
</td>
</tr>
<tr>
...................
...................
</tr>

</table>
</div>

--------------------------------

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">
$(document).ready(function () {

$("btnSave").click(function(){
                 var TestXML = "<STHome>";
                $("#divTest").find("input:checkbox").each(function () {
                    if ($(this).attr("checked")) {
                        TestXML = TestXML + "<Home>";
                        TestXML = TestXML + "<ID>" + $(this).val() + "</ID>";                                               
                        TestXML = TestXML + "<TestValue>" + "" + "</TestValue>";                  
                        TestXML = TestXML + "</Home>";
                    }
                });
                TestXML = STHomeXML + "</STHome>";
        $.ajax({
                     type: "POST",
                      url: "TestPage.aspx/InsertDetails",
                      dataType: "json",
                      data: "{'TestID':'" + TestID + "','TestXML':'" + TestXML + "'}",
                      contentType: "application/json; charset=utf-8",
                      success: function (result) {
                alert("save successfully");
            }
        });
  });//Button Click end

});//document.ready end
</script>


------------

and pass this "TestXML" variable to aspx.cs
Go to sareeshmg.blogspot.com
post name : XML Insert

Tuesday, March 27, 2012

Validations

USE Jquery files
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>



//Check the Full Name,dot and space are allowed
function Validate_NameFull(Name) {
    reg = new RegExp("^[a-zA-Z .]*$");
    var Result = true;
    if (!(Name.match(reg))) {
        Result = false;
    }
   return Result;

}
//Check the First Name,space not allowed
function Validate_NameFirst(Name) {
    reg = new RegExp("^[a-zA-Z]*$");
    var Result = true;
    if (!(Name.match(reg))) {
        Result = false;
    }
    return Result;
}
//Check Number valid or not
function Validate_Number(Number) {
   var reg = new RegExp("^[0-9]*$");
    var Result = true;
    if (!(Number.match(reg))) {
        Result = false;
    }
    return Result;
}
function Validate_Email(Email) {
    var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
    var Result = true;
    if (!(Email.match(pattern))) {
        Result = false;
    }
    return Result;
}
function Validate_Phone(Phone) {
    var pattern = /^[0-9 + -]*$/;
    var Result = true;
    if (!(Phone.match(pattern))) {
        Result = false;
    }
    return Result;
}
function Validate_Mobile(Mobile) {
    var pattern = /^([9]{1})([234789]{1})([0-9]{8})$/;
    var Result = true;
    if (!(Mobile.match(pattern))) {
        Result = false;
    }
    return Result;
}
function Validate_Date(Date) {
    var pattern = /^\d{1,2}\-\d{1,2}\-\d{4}$/;
    var Result = true;
    if (!(Date.match(pattern))) {
        Result = false;
    }
    return Result;
}
function Validate_Website(Web) {

    var pattern = /^www+\.([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
 
    var Result = true;
    if (!(Web.match(pattern))) {
        Result = false;
    }
    return Result;
}

function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 43 || charCode > 57))
        return false;

    return true;
}
function isQuotesKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode == 39 || charCode == 96 || charCode == 34 || charCode == 58 || charCode == 59 || charCode == 126)
        return false;

    return true;
}


---------------
EG:
<input type="text" id="txtPrimaryNo" onkeypress="return isNumberKey(event)" />

Query String

EG :
url : http://www.sareeshmg.blogspot.com?id=2"


<script language="javascript" type="text/javascript">
        function getQueryParams(qs) {
            qs = qs.split("+").join(" ");
            var params = {};
            var tokens,
        re = /[?&]?([^=]+)=([^&]*)/g;
            while (tokens = re.exec(qs)) {
                params[decodeURIComponent(tokens[1])]
            = decodeURIComponent(tokens[2]);
            }
            return params;
        }

        var $_GET = getQueryParams(document.location.search);

//To Capture query string value at aspx page use like this
        var TestID = $_GET['id'];

</script>

---------------------
ON Code behind aspx.cs page
to capture query string ID

int TestID = Convert.ToInt32(Request.QueryString["id"].ToString());

Enter Key event

$("#txtPassword").keyup(function (event) {
        if (event.keyCode == 13) {                  
            $("#btnSignIn").click();      
         }        
  });

Open a new Page on another or same tab

To open in a new tab
window.open('TestPage.aspx', '_blank');
OR
window.open('TestPage.aspx', '_blank',, "width=400,height=200,menubar=no,toolbar=no" );



To open in the same tab
window.location = "TestPage.aspx";

Friday, March 2, 2012

Jquery checkbox Groups (Select one checkbox from a group)

$(document).ready(function() {

          $(".selector input.testcheck").click(function () {
                var test = $(this).val();
             
              if ($(this).attr("checked")) {
                  $(".selector input.testcheck[value!=" + test + "]").attr('checked', false);
                  $(".selector input.testcheck[value=" + test + "]").attr('checked', true);
               }
                else {
                    $(this).removeAttr("checked")
                }
            });

 });
----------------------------------
<div class="selector">
<input type="checkbox" name="cbxtest" value="1" class="testcheck"/>YES                         
<input type="checkbox" name="cbxtest" value="2" class="testcheck"/>NO
  </div>