Jquery按钮触发表单提交 以下脚本使用户能够在表单的输入字段中提示值: $(文档).ready(函数(){ $(“按钮”)。单击(函数(){ $('input[name=“fine”]').val(computeEndTime($('input[name=“ini”]').val()); }); 函数计算时间(ini){ var parts=ini.split(/[:,\s\.]+/).map(编号); var hourstart=parseInt(parts.shift()); var minutestart=parseInt(parts.shift()); var totalm=(小时开始*60)+分钟开始+100; var分钟数=总计m%60; var小时=(总计m-分钟)/60; 返回时间+“:”+分钟; } });
HTML表单如下所示:Jquery按钮触发表单提交 以下脚本使用户能够在表单的输入字段中提示值: $(文档).ready(函数(){ $(“按钮”)。单击(函数(){ $('input[name=“fine”]').val(computeEndTime($('input[name=“ini”]').val()); }); 函数计算时间(ini){ var parts=ini.split(/[:,\s\.]+/).map(编号); var hourstart=parseInt(parts.shift()); var minutestart=parseInt(parts.shift()); var totalm=(小时开始*60)+分钟开始+100; var分钟数=总计m%60; var小时=(总计m-分钟)/60; 返回时间+“:”+分钟; } });,jquery,forms,button,click,Jquery,Forms,Button,Click,HTML表单如下所示: The following script enables users to prompt a value into the input field of a form: <script> $(document).ready(function(){ $("button").click(function(){ $('input[name="fine"]').val(computeEndTime($('input[name=
The following script enables users to prompt a value into the input field of a form:
<script>
$(document).ready(function(){
$("button").click(function(){
$('input[name="fine"]').val(computeEndTime($('input[name="ini"]').val()));
});
function computeEndTime(ini){
var parts = ini.split(/[:,\s\.]+/).map(Number);
var hourstart = parseInt(parts.shift());
var minutestart = parseInt(parts.shift());
var totalm = (hourstart * 60) + minutestart + 100;
var minutes = totalm%60;
var hours = (totalm - minutes) / 60;
return hours + ":" + minutes;
}
});
</script>
100
如您所见,脚本将时间值输入到输入“ini”
,并通过按钮提示输入另一个时间值“fine”
(初始值+100分钟)
我遇到的问题是,当按下按钮
时,表单的另一个提交按钮也会被触发,用户会立即重定向到下一页。php
我如何避免这种情况,并要求用户按下提交按钮?这应该可以解决问题
<form action="next.php" method="POST">
<input type="text" name="ini" maxlength="5" />
<input type="text" name="fine" maxlength="5" />
<button>100</button>
<input type="submit" name="invia" value="go on" />
</form>
这应该能奏效
<form action="next.php" method="POST">
<input type="text" name="ini" maxlength="5" />
<input type="text" name="fine" maxlength="5" />
<button>100</button>
<input type="submit" name="invia" value="go on" />
</form>
将按钮更改为
$("button").click(function(e){
$('input[name="fine"]').val(computeEndTime($('input[name="ini"]').val()));
e.preventDefault();
});
100
默认值为type=“submit”
,因此它会提交表单。将按钮更改为
$("button").click(function(e){
$('input[name="fine"]').val(computeEndTime($('input[name="ini"]').val()));
e.preventDefault();
});
100
默认值为
type=“submit”
,因此它会提交表单。尽量不要使用按钮作为选择器,这将触发文档中的任何按钮。给它一个标识符你能告诉我如何给按钮一个标识符并在脚本中指向它吗?如果我有多个
?然后用$(“button#someId”)选择它。非常有用。尽量不要使用按钮
作为选择器,这将触发文档中的任何按钮。给它一个标识符你能告诉我如何给按钮一个标识符并在脚本中指向它吗?如果我有多个
?然后用$(“button#someId”)选择它。非常有用。