Question

我有特定的html设置，看起来像这样

<table class="table">
<form action="" name="f_form" id="id_f_form" method="POST">
    <input type="hidden" name="f1" value="555">
    <tr onClick="javascript: submitform();">Block</tr>
</form>
</table>

javascript函数submitform()看起来像这样

function submitform() {
    if (confirm("Do you want to proceed?")){
        document.f_form.submit();
    }
}

我想要的是一个通用的javascript函数，它适用于每个表单，而不仅仅是这个名称为＆＃34; f_form＆＃34;的表单。我真的不想为每种形式编写一个java函数：P。

Answer 1

这将使用jQuery，因为它可以更容易地绑定多个元素上的事件。

$("form").on('submit',function(){
    if(confirm("Do you want to proceed?")){
        $(this)[0].submit();
    }else{
        return false;
    }
});

Answer 2

对于初学者来说，排序HTML是无效的HTML

您的代码包含有效的必需HTML，正文，标题和DOCTYPE

<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<table class="table">
<form action="" name="f_form" id="id_f_form" method="POST">
    <input type="hidden" name="f1" value="555">
    <tr onClick="javascript: submitform();">Block</tr>
</form>
</table>
</body>
</html>

在https://validator.w3.org/#validate_by_input

使用它

所以对于有效的代码，它应该是

<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<form name="f_form" id="id_f_form" method="POST">
<table class="table">
    <tr onClick="submitform(this);"><td><input type="hidden" name="f1" value="555" />Block</td></tr>
</table>
</form>
</body>
</html>

对于具有有效HTML的脚本，您可以使用jQuery轻松实现

function submitform(e){ 
    if (confirm("Do you want to proceed?")){
        jQuery(e).parent('form').submit();  
    }
}

一般在表中提交javascript函数

2 个答案: