数字验证和table格式(KAYAK)

2019独角兽企业重金招聘Python工程师标准>>>

添加table footer：

<table border="1">

   <thead>
      <tr>
         <th>表头单元格一</th>
         <th>表头单元格二</th>
      </tr>
   </thead>

   <tbody>
      <tr>
         <td>标准单元格一</td>
         <td>标准单元格二</td>
      </tr>
      <tr>
         <td>标准单元格一</td>
         <td>标准单元格二</td>
      </tr>
   </tbody>

   <tfoot>
      <tr>
         <td>标准单元格一</td>
         <td>标准单元格二</td>
      </tr>
   </tfoot>
</table>

设置table的列不会随着内容的增长而变宽：

table-layout:fixed;word-break:break-all;

验证文本框内只有小数点和数字：

$('.numberValue').bind('blur', function(event){
         var re = /^\d+(?=\.{0,1}\d+$|$)/;
          if(this.value != '' && !re.test(this.value))
          {
               alert('Please enter a valid number.');
               this.value = '';
               $(this).focus();
          }
});

也可以这样写：

function checkNumber(currentNum)
{
     var re = /^\d+(?=\.{0,1}\d+$|$)/;
     if(currentNum.value != '' && !re.test(currentNum.value))
     {
          alert('Please enter a valid number.');
          currentNum.value = '';
          currentNum.focus();
      }

}

只允许输入数字和一个小数点：

$('.numberValue').bind('keypress', function(event){

     var getValue = $(this).val();
     if(getValue.length == 0 && event.which == 46)//the first char is '.'
      {
           event.preventDefault();
           return;
       }
       if(getValue.indexOf('.') != -1 && event.which == 46)
       {
           event.preventDefault();
           return;
        }
        if(event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46)
         {
             event.preventDefault();
              return;
         }
 });

转载于:https://my.oschina.net/u/922487/blog/148838