在表单中乘以两个值

Question

对于我的代码,我试图将2个参数调用到函数中.离开第二个输入框后,将两个数字相乘并将其放在第三个文本框中.如果前两个输入框中的任何一个为空,则将它们涂成浅红色.到目前为止这是我的代码,我错过了什么？

使用Javascript:

function multiply(one, two) {
if(one==""){
this.style.color='red';
}
if(two==""){
this.style.color='red';
}
else{
txt1=one * two;
return txt1;
}

}

HTML5:

First Value: <input type="text" name="mFirst" />
Second Value: <input type="text" name="mLast" onblur="multiply(mFirst.value, mLast.value)" />
Multiplication of First and Second Value: <input type="text" name="answer">

Answer 1

<input … onblur="multiply.call(this,this.form.elements.mFirst.value,this.form.elements.mLast.value)" >

function multiply(one, two) {
  if(one && two){
    this.form.elements.answer.value = one * two;
  } else {
    this.style.color='red';
  }
}

空字符串是非真值,因此one && two只有当两个值都不是空字符串时才会为真.

使用call允许您设置this函数内使用的值.

演示:http://jsfiddle.net/b5Ltt/

您可能想要查看HTML5 <output>元素.