数字字符串格式化指定长度

最新推荐文章于 2023-04-03 10:13:51 发布

沁森幽黎

最新推荐文章于 2023-04-03 10:13:51 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/cs740343913/article/details/80872232

在网站开发过错中，总会遇到将数字格式化为指定长度字符串的情况。我们的解决方式是编写一个函数，用函数来实现数字字符串的格式化/。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>将数字字符串格式化为指定长度</title>
<link href="style.css" rel="stylesheet">
</head>
<script language="javascript">
function deal(){
if(form1.str.value=="")
{alert("请输入要格式化的数字！");form1.str.focus();return false;}
if(isNaN(form1.str.value)){
	alert("您输入的数字不正确!");form1.str.focus();return false;
}
if(form1.le.value=="")
{alert("请输入格式化后字符串的长度！");form1.le.focus();return false;}
if(isNaN(form1.le.value)){
	alert("您输入的格式化字符串的长度不正确!");form1.le.focus();return false;
}
form1.lastStr.value=formatNO(form1.str.value,form1.le.value);
}
</script>
<script language="javascript">
function formatNO(str,len){
	var strLen=str.length;
	for(i=0;i<len-strLen;i++){
		str="0"+str;
	}
	return str;
}
</script>
<body>
<form action="" name="form1" method="post">
<table width="461" height="216" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="513" background="images/bg.gif"><table width="340" height="201" border="0" align="right" cellpadding="0" cellspacing="0">
      <tr>
        <td> </td>
        <td>请输入要格式化的数字：<br>
            <input name="str" type="text" value="">
          </td>
      </tr>
      <tr>
        <td> </td>
        <td valign="middle">请输入格式化后字符串的长度：<br>
          <input name="le" type="text" value=""></td>
      </tr>
      <tr>
        <td> </td>
        <td >格式化后的字符串：<br>
          <input name="lastStr" type="text" readonly="yes" value=""></td>
      </tr>
      <tr>
        <td width="50"> </td>
        <td width="319"><input name="Submit" type="button" class="btn_grey" onClick="deal();" value="转换">
           
          <input name="Submit2" type="reset" class="btn_grey" value="刷新"></td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
    </table></td>
  </tr>
</table>
</form>
</body>
</html>