Question

这是我的HTML / Javascript代码。我正在将填充的表单提交给Servlet。表单验证似乎存在一些问题。我无法弄清楚原因。如果我在textbox2中输入0并从下拉列表框中选择Divide，则应该提示我输入新值。但它没有提交表单而没有任何提示输入由于除零而引发异常的servlet。

<html>
<head>
<title>A simple calculator</title>
<script language="text/javascript">
function validate(b,op)
{
    var newval=b;           
    if(b=="0"&&op=="/")
           newval=prompt("Enter a non-zero value for B:",1);
    document.CalculatorForm.textbox2.value=newval;  
}
</script>
</head>
<body>
<form name="CalculatorForm" method="get" action="http://localhost:8080/hello/CalculatorServlet" onsubmit="validate(this.textbox2.value,this.dropdown.options[this.dropdown.selectedIndex].value);">
A:<input type="text" name="textbox1" id="T1" /><br>
B:<input type="text" name="textbox2" id="T2" /><br>
Operation<br>
<select name="dropdown" id="dd">
<option value="+">Add</option>
<option value="-">Subtract</option>
<option value="*">Multiply</option>
<option value="/">Divide</option>
</select>
<br>
<input type="submit" value="compute"/>
</form>
</body>
</html>

Answer 1

将功能更改为：

function validate()
{
    var b = document.getElementById('T2').value;
    var op = document.getElementById('dd')
    var opValue = op.options[op.selectedIndex].value; 
    if(b=='0' && op=='/')
         //do something  
    else
      // submit
}

JavaScript表单验证无法正常工作

1 个答案: