如何在表单按钮中使用javascript函数?
我对html一无所知,尤其是javascript。。但是我们有一个关于如何调用位于html标记的如何在表单按钮中使用javascript函数?,javascript,html,Javascript,Html,我对html一无所知,尤其是javascript。。但是我们有一个关于如何调用位于html标记的处的javascript函数的活动 如果有几个功能呢?我能用一个按钮同时叫它吗?或者我应该创建另一个函数并将所有函数放在其中 这就是我们活动的全部内容。。。在javascript按钮中,单击时必须计算所有事务?我有5个函数,其中一个由按钮标签调用,而其他4个在该函数内部。我真的不知道该怎么办。。。但当我点击按钮时,什么也不会发生。顺便说一句,这是一个预订表单,所以当点击按钮时,它必须计算所有输入,并显
处的javascript函数的活动
如果有几个功能呢?我能用一个按钮同时叫它吗?或者我应该创建另一个函数并将所有函数放在其中
这就是我们活动的全部内容。。。在javascript按钮中,单击时必须计算所有事务?我有5个函数,其中一个由按钮标签调用,而其他4个在该函数内部。我真的不知道该怎么办。。。但当我点击按钮时,什么也不会发生。顺便说一句,这是一个预订表单,所以当点击按钮时,它必须计算所有输入,并显示一个带有价格等信息的确认页面/警报。谢谢大家
这是我的表格代码:
<form name="reserve" action="" id="reserve" method="post">
<fieldset>
<legend>Contact Information</legend>
<label for="name">Name: </label>
<input type="text" name="firstname" value="firstname"
onfocus="if (this.value==this.defaultValue)this.value='';"
onblur="if(this.value=='')this.value=this.defaultValue;"/>
<input type="text" name="lastname" value="lastname"
onfocus="if(this.value==this.defaultValue)this.value='';"
onblur="if(this.value=='')this.value=this.defaultValue;"/>
<br>
<label for="address">Address: </label>
<textarea name="address" cols="30" rows="3"></textarea>
<br>
<label for="city">City: </label>
<input type="text" name="city">
<label for="country">Country: </label>
<select name="country">
<option value=""></option>
<option value="PH">Philippines</option>
<option value="TH">Thailand</option>
<option value="VN">Vietnam</option>
<option value="MY">Malaysia</option>
<option value="ID">Indonesia</option>
<option value="SG">Singapore</option>
</select>
<br>
<label for="email">Email: </label>
<input type="email" name="email">
<label for="phone">Phone: </label>
<input type="tel" name="phone">
</fieldset>
<hr>
<fieldset>
<legend>Accomodation Request</legend>
<label for="checkin">Check-in: </label>
<input type="date" name="checkin">
<label for="checkout">Check-out: </label>
<input type="date" name="checkout">
<br>
<label for="roomtype">Room type: </label> <br>
<input type="checkbox" id="s" name="roomtype" value="superior">Superior |||||
<label for="sguest">No.of guests: </label>
<input type="text" id="supg" name="sguest" size="3"> <br>
<input type="checkbox" id="d" name="roomtype" value=deluxe">Deluxe |||||||
<label for="dguest">No.of guests: </label>
<input type="text" id="delg" name="dguest" size="3"> <br>
<input type="checkbox" id="p" name="roomtype" value="Premier">Premier |||||
<label for="pguest">No.of guests: </label>
<input type="text" id="premg" name="pguest" size="3"> <br>
</fieldset>
<br>
<hr>
<label for="adinfo">Additional Information:</label>
<textarea name="adinfo" cols="40" rows="10"></textarea>
<br><br>
<hr>
<input type="button" name="submit" onclick="formSubmit()"
class="submit" value="Reserve">
</form>
联系方式
姓名:
地址:
城市:
国家:
菲律宾
泰国
越南
马来西亚
印度尼西亚
新加坡
电邮:
电话:
住宿请求
登记入住:
退房:
房间类型:
优越的|||||
来宾人数:
嗨,我把你的密码改了一点检查一下
<input type="button" name="submit" onclick="return formSubmit()" class="submit" value="Reserve">
我更改了您的代码如下:试试这个
钮扣
formSubmit()
函数在哪里?哦,对不起。。。在forumsubmit()函数中还有其他4个函数(totalp()、superiorroom()和其他函数)。你能给我看看这个函数吗?我认为有必要分析这里的错误。不要将java脚本代码放在事件中,将所有内容都写在java脚本函数中,然后在事件中调用该函数。为什么不使用占位符来代替这些混乱呢?这是HTML5
<input type="button" name="submit" onclick="return formSubmit()" class="submit" value="Reserve">
<input type="button" id="submit" name="submit" onclick="return formSubmit()" class="submit" value="Reserve">
<script>
$("#submit").click(function () {
if ( document.getElementById("s").checked =checked)
superiorroom();
else if(document.getElementById("d").checked =checked)
deluxeroom();
else if(document.getElementById("p").checked =checked)
premiumroom();
});
</script>
<script>
function superiorroom(){
var roomprice=0;
var theForm = document.forms["reserve"]
var s = theForm.elements["s"]
var supg = theForm.elements["supg"]
var t=0;
If (s.checked==true)
{
roomprice=5400;
squantity=parseInt(squantity.value);
t=parseInt(t);
t= (roomprice*squantity)*supg;
}
return t;
}
function deluxeroom(){
var roomprice=0;
var theForm = document.forms["reserve"]
var d = theForm.elements["d"]
var delg = theForm.elements["delg"]
var u=0;
If (d.checked==true)
{
roomprice=7200;
dquantity=parseInt(dquantity.value);
u=parseInt(u);
u= (roomprice*dquantity)*delg;
}
return u;
}
function premiumroom(){
var roomprice=0;
var theForm = document.forms["reserve"]
var p = theForm.elements["p"]
var premg = theForm.elements["premg"]
var v=0;
If (p.checked==true)
{
roomprice=9800;
pquantity=parseInt(pquantity.value);
v=parseInt(v);
v= (roomprice*pquantity)*premg;
}
return u;
}
</script>