计算器在JavaScript中。提交值闪烁并消失。 :(

本文介绍了计算器在JavaScript中。提交值闪烁并消失。 :(的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

<html>
<head>
<title>Form Validation</title>
<script type="text/javascript">
function calculate()
{
var x=eval(document.getElementById("txt_area").value);
document.getElementById("txt_area").value = x;
}
function display(clicked_id)
{
    var pre = document.getElementById("txt_area").value;

    pre= pre + document.getElementById(clicked_id).value;

    document.getElementById("txt_area").value=pre;

}
</script>
</head>
<body>
         <form action="" name="myForm">
                 <table border="1">
                     <tr>
                       <td align="right"><input type="text name="text" id="txt_area"/></td>
                     </tr>
                     <tr>
                       <td align="right"> <input type="button" onclick="display(this.id)" id="1" value="1"/><input name="2" onclick="display(this.id)" id="2" type="button" value="2"/><input name="3" onclick="display(this.id)" id="3" type="button" value="3"/><input onclick="display(this.id)" id="+" type="button" value="+"/></td>
                     </tr>
                     <tr>
                       <td align="right"><input type="button" id="4" onclick="display(this.id)" value="4"/><input type="button" onclick="display(this.id)" id="5" name="5" value="5"/><input name="6" onclick="display(this.id)" id="6" type="button" value="6"/><input onclick="display(this.id)" id="-" type="button" value="-"/></td>
                     </tr>
                     <tr>
                        <td align="right"><input type="button" onclick="display(this.id)" id="7" value="7"/><input type="button" onclick="display(this.id)" id="8" value="8"/><input onclick="display(this.id)" id="9" type="button" value="9"/><input onclick="display(this.id)" id="*" type="button" value="*"/></td>
                     </tr>
                     <tr>
                         <td align="right"><input type="submit" value="Submit" onClick="calculate()"/></td>
                     </tr>
                </table>

         </form>

 </body>
 </html>

推荐答案

<input type="submit" value="Submit"  önclick="return calculate();" />

并在结束时添加一个false false（）函数：

and add a return false at the end of calculate() function:

function calculate() {
            var x = eval(document.getElementById("txt_area").value);
            document.getElementById("txt_area").value = x;
            return false;
        }

如果有帮助请告诉我。

Azee ...

Let me know if it helps.

Azee...

这篇关于计算器在JavaScript中。提交值闪烁并消失。 :(的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！