表单提交上的多个输入值

时间:2012-01-23 08:07:18

标签: javascript html

<input type="text" name="Amount" value="100" size="20" maxlength="10" id="textfield7" class="required">

如果我点击提交按钮,我希望将该值乘以100。 有没有办法通过javascript ???

来做到这一点

5 个答案:

答案 0 :(得分:1)

<script type="text/javascript">
function multiply(){
var val= document.getElementById("textfield7").value;
var newval= val*100;
alert(newval);
}
</script>

<input type="text" name="Amount" value="100" size="20" maxlength="10" id="textfield7" class="required" />
<input type="submit" onClick="multiply();"/>

答案 1 :(得分:1)

我只需在输入字段中写入正确的值乘以100 。 :)

如果出于任何原因无法做到这一点,我只会这样做:

<form onsubmit="this[0].value*=100;">
    <input type="text" name="Amount" value="100" size="20" maxlength="10" id="textfield7" class="required">
    <input type="submit">
</form>

答案 2 :(得分:0)

var submitButton = document.getElementById("submitButtonId");
submitButton.onclick = function (e) {
  var inputAmount = document.getElementById("textfield7");
  var calculatedAmount = parseInt(inputAmount.value, 10) * 100;
  // do what you wish with calucatedAmount, such as returning false if you don't want to submit
}

答案 3 :(得分:0)

短:

<form onSubmit="document.getElementById('textfield7').value *= 100;">

清洁剂:

<script type="text/javascript">
function multiply(){
  var field = document.getElementById('textfield7');
  field.value = parseInt(field.value) * 100;
}
</script>
<form onSubmit="multiply();">

答案 4 :(得分:0)

是的,但在任何正常情况下,这都是错误的方式。在服务器端代码中进行数学运算。即使获得错误数据的风险很小也是毫无意义的(当某些数据未经客户端JavaScript处理时到达时)。