2013-11-22 126 views
-1

我有一个Javascript代码,应更新表单输入值,但它不起作用。 下面是代码:添加到输入字段值与JavaScript

<script> 
function up2(mul) 
{ 
var passcode = parseInt(document.getElementById("passcode").value); 
var nou = mul; 
var resultat = passcode+nou; 
document.login.passcode.value = resultat; 
} 

function formSubmit() 
{ 
document.getElementById("login").submit(); 
} 
</script> 

和HTML:

<body OnLoad="document.login.passcode.focus();"> 
    <h1>FORM</h1> 
    <hr> 
    <form name="login" method="post" action="login.php"> 
     <input type="number" name="passcode"> 
     <input type="submit" value="Entra"> 
    </form> 

    <center> 
    <button onclick="up2('1')">1</button> 
    <button onclick="up2('2')">2</button> 
    <button onclick="up2('3')">3</button><br> 

    <button onclick="up2('4')">4</button> 
    <button onclick="up2('5')">5</button> 
    <button onclick="up2('6')">6</button><br> 

    <button onclick="up2('7')">7</button> 
    <button onclick="up2('8')">8</button> 
    <button onclick="up2('9')">9</button><br> 

    <button onclick="up2('0')">0</button> 
    <br><br> 
    <button onclick="formSubmit()">ENTRA</button> 
</center>  
</body> 

当JavaScript是唯一document.login.passcode.value = mul;它改变与按下的数字输入值(它没有新的号码添加到一个在现场)。现在我想进行密码登录,并且应该将按下的号码添加到该字段。

如果有一种方法可以用jQuery来完成,那就没关系。

+1

“不起作用”可能意味着什么。给我们一个提示。 –

+0

这在很多层面上都是错误的。阅读事件处理程序,外部脚本,也许像'自动聚焦'属性等简单的东西? – adeneo

回答

2

您正在使用getElementById()但没有ID属性在HTML元素

<input type="number" name="passcode"> 

应该

<input type="number" id="passcode" name="passcode"> 

仅供参考,你有你的<form>标签同样的错误。

+0

它可以工作,如果我手动添加一个数字在字段中,然后按钮添加新的一个旁边的原始,但它不工作,如果它是空的。我会尽力解决这个问题! – xaic