I am adding integers and floats numbers in javascript using a single function, I saw various solution but I came up with the following solution using the "number" function which was able to handle both integers and floats.
Code
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="HandelNullValues.aspx.cs" Inherits="HandelNullValues" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <title>Add Numbers</title>
  7. <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  8. <script type="text/javascript">
  9. function AddNumbers(PrmFirstNumber, PrmSecondNumber) {
  10. if (isNaN(PrmFirstNumber) || isNaN(PrmSecondNumber)) {
  11. return NaN;
  12. } else {
  13. return Number(PrmFirstNumber) + Number(PrmSecondNumber);
  14. }
  15. }
  16. $(document).ready(function() {
  17. $("#BtnAddNumber").click(function() {
  18. var FirstNumber = $("#TextFirstNumber").val();
  19. var SecondNumber = $("#TextSecondNumber").val();
  20. alert(AddNumbers(FirstNumber, SecondNumber));
  21. alert("for precision: " + AddNumbers(FirstNumber, SecondNumber).toFixed(2));
  22. });
  23. });
  24. </script>
  25. </head>
  27. <body style="font-family: Arial; font-size: 100%;">
  28. <div>
  29. <table cellpadding="5" cellspacing="0" style="border: none 0px transparent;">
  30. <tr>
  31. <td>
  32. <label>
  33. First Number</label>
  34. </td>
  35. <td>
  36. <input type="text" maxlength="3" id="TextFirstNumber" />
  37. </td>
  38. </tr>
  39. <tr>
  40. <td>
  41. <label>
  42. Second Number</label>
  43. </td>
  44. <td>
  45. <input type="text" maxlength="3" id="TextSecondNumber" />
  46. </td>
  47. </tr>
  48. <tr>
  49. <td colspan="2">
  50. <button id="BtnAddNumber" type="button">
  51. Add</button>
  52. </td>
  53. </tr>
  54. </table>
  55. </div>
  56. </body>
  58. </html>