当我按下提交按钮时,我的页面会保持清爽

时间:2017-10-31 06:44:08

标签: javascript html

我使用Private Sub Worksheet_Change(ByVal Target As Range) Dim i As Long, LastRow As Long ' if a 'start end' was modifed, in column "B" If Target.Column = 2 Then Application.EnableEvents = False LastRow = Cells(Rows.Count, "B").End(xlUp).Row Range("C" & Target.Row).Value = DateAdd("d", 2, Target.Value) ' add 2 days to current row end date For i = Target.Row + 1 To LastRow Range("B" & i).Value = DateAdd("d", 1, Range("C" & i - 1).Value) ' current start equals previous end + 1 Range("C" & i).Value = DateAdd("d", 2, Range("B" & i).Value) ' current end equals current start + 2 Next i End If Application.EnableEvents = True End Sub ,因为如果我使用input type:"button"我的页面刷新

这是按钮

type="submit"

这是<input type="button" value="Submit" align="center" Onclick="hitung()" class="myButton">函数

&#13;
&#13;
hitung()
&#13;
&#13;
&#13;

我需要使用function hitung(){ var e = (document.getElementById("ifin").value); var panjang = parseFloat (document.getElementById("ipanjang").value); var hf = 0.0; var lebar = 0.6; var tinggi = 0.8; var total = 0.0; if (e == "hpl") { hf = 1.7; } else if(e == "cat") { hf = 2.0; } else { hf = 0.0; } total = lebar*tinggi*panjang*hf; document.getElementById("ototal").innerHTML =eval(total); },因为如果我这样使用,我就无法使用type:submit属性

5 个答案:

答案 0 :(得分:0)

要防止提交按钮的默认行为,您可以使用jQuery:

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id='formsubmit'>
  <button type='submit'>submit</button>
</form>
&#13;
{{1}}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

检查以下代码

function hitung(event){

var e = (document.getElementById("ifin").value);
var panjang = parseFloat (document.getElementById("ipanjang").value);
var hf = 0.0;
var lebar = 0.6;
var tinggi = 0.8;
var total = 0.0;

if (e == "hpl") {

				hf = 1.7;
			}
else if(e == "cat")
			{
				hf = 2.0;
}
else {
				hf = 0.0;
}
total = lebar*tinggi*panjang*hf;
document.getElementById("ototal").innerHTML =eval(total);
event.preventDefault();
event.stopPropogation();
}
<input type="button" value="Submit" align="center" Onclick="hitung(event)" class="myButton">

答案 2 :(得分:0)

使用提交,您需要防止默认。

阅读本文,以便了解它的工作原理和实施方法,而不仅仅是复制和粘贴。如果您有疑问,请问。 这是文档。 https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

答案 3 :(得分:0)

确保您的hitung()函数返回false。在函数结束时,只需添加以下行:

return false;

如果您不想更改此功能,可以通过更改通话来实现相同目的:

<input type="submit" value="Submit" align="center" Onclick="hitung(); return false;" class="myButton">

答案 4 :(得分:0)

如果您只想在表单有效时继续提交,请使用reportValidity并从您的方法返回相同的输出。

<input type="button" value="Submit" align="center" onsubmit="return hitung(this)" class="myButton">

function hitung( thisFormElement )
{
   //rest of the logic

   return thisFormElement.reportValidity();
}