javascript控制、转换输入内容的格式
我要在一个输入框中控制其只能输入数字，小数位为2位，如12.10,并将其值转换为12位的字符串，如000000001210,并将这个值赋到另一个input控件中，请问用j...
我要在一个输入框中控制其只能输入数字，小数位为2位，如12.10,并将其值转换为12位的字符串，如000000001210,并将这个值赋到另一个input控件中，请问用javascript怎样实现这一系列的功能？谢谢！！
ajax_2003的回答中，如果格式输入正确时结果也正确，但输入错误时则没反应。我希望对输入错误的格式马上清除，行不行的啊？ 还有，当只输入整数时也没反应，我希望可以输入12时结果为000000001200.谢谢 展开
ajax_2003的回答中，如果格式输入正确时结果也正确，但输入错误时则没反应。我希望对输入错误的格式马上清除，行不行的啊？ 还有，当只输入整数时也没反应，我希望可以输入12时结果为000000001200.谢谢 展开
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>输入测试</title>
<script type="text/javascript">
//<![CDATA[
function validation(obj){
if(obj.value == "")return true;
if(/^\d+\.{1}$/.test(obj.value)) {
obj.value = obj.value.split(".")[0];
return true;
}
var re1 = /^\d+$/;
var re2 = /^\d+\.{1}\d{1,2}$/;
if(re1.test(obj.value) || re2.test(obj.value)) {
return true;
}
return false;
}
function check(obj){
if(!validation(obj)){
alert("只能输入数字，小数位为2位！");
obj.value="";
obj.focus();
}
}
function initValue(id1,id2){
var value = document.getElementById(id1).value;
if(value=="") {
alert("请输入数值！");
document.getElementById(id1).focus();
return;
}
if(value.indexOf(".")==-1) {
value = value + "00";
}
if(value.indexOf(".")!=-1 && value.split(".")[1].length==1) {
value = value + "0";
}
value = value.replace(".", "");
var len = 12 - value.length;
if(len>0) {
for(var i=0; i<len; i++) {
value = "0" + value;
}
}
document.getElementById(id2).value = value;
}
//]]>
</script>
</head>
<body>
<h1>输入测试</h1>
</hr>
请输入一个数字*：<input type="text" id="num1" onchange="check(this)" /><br />
<input type="button" value="赋值到：" onclick="initValue('num1','num2')" /> <input type="text" id="num2" /><br />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>输入测试</title>
<script type="text/javascript">
//<![CDATA[
function validation(obj){
if(obj.value == "")return true;
if(/^\d+\.{1}$/.test(obj.value)) {
obj.value = obj.value.split(".")[0];
return true;
}
var re1 = /^\d+$/;
var re2 = /^\d+\.{1}\d{1,2}$/;
if(re1.test(obj.value) || re2.test(obj.value)) {
return true;
}
return false;
}
function check(obj){
if(!validation(obj)){
alert("只能输入数字，小数位为2位！");
obj.value="";
obj.focus();
}
}
function initValue(id1,id2){
var value = document.getElementById(id1).value;
if(value=="") {
alert("请输入数值！");
document.getElementById(id1).focus();
return;
}
if(value.indexOf(".")==-1) {
value = value + "00";
}
if(value.indexOf(".")!=-1 && value.split(".")[1].length==1) {
value = value + "0";
}
value = value.replace(".", "");
var len = 12 - value.length;
if(len>0) {
for(var i=0; i<len; i++) {
value = "0" + value;
}
}
document.getElementById(id2).value = value;
}
//]]>
</script>
</head>
<body>
<h1>输入测试</h1>
</hr>
请输入一个数字*：<input type="text" id="num1" onchange="check(this)" /><br />
<input type="button" value="赋值到：" onclick="initValue('num1','num2')" /> <input type="text" id="num2" /><br />
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script>
<!--
function func(){
var obj = document.getElementById("txtInput");
var value = obj.value
var regexp = /^\d{1,10}\.(\d{1,2})$/;
if(value.match(regexp) != null){
obj.value = value.replace("\.", "");
while(12 - obj.value.length > 0){
obj.value = "0" + obj.value;
}
}
}
-->
</script>
</head>
<body>
<input type="text" id="txtInput">
<input type="button" value="测试" onclick="func()">
<body>
</html>
<head>
<script>
<!--
function func(){
var obj = document.getElementById("txtInput");
var value = obj.value
var regexp = /^\d{1,10}\.(\d{1,2})$/;
if(value.match(regexp) != null){
obj.value = value.replace("\.", "");
while(12 - obj.value.length > 0){
obj.value = "0" + obj.value;
}
}
}
-->
</script>
</head>
<body>
<input type="text" id="txtInput">
<input type="button" value="测试" onclick="func()">
<body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
