Javascript:如何检测当前页面是否具有具有特定名称和输入的表单

Question

我有一个看起来像这样的表格

<form action="/aa/bbcc" method="post" id="Form1" accept-charset="UTF-8">
    <input type="hidden" name="somename" value="somevalue" />
    ... other stuff
</form>

在多个页面之间共享的公共(public) $(document).ready(function() 中，我想检测我是否处于具有以下特征的表单的页面中

• action="/aa//bbcc"& id="Form1"
• name="somename"和 value="somevalue"的输入

我该怎么做？

如果需要，页面也可以访问 jquery。没有 jquery 也可以。

Answer 1

您可以选择带有 id 的表单并检查返回的节点列表的长度是否大于 0。然后您可以检查它是否有名称为“somename”的输入，然后检查该输入的值是否为“somevalue” '.

   if ($('#Form1[action="/aa/bbcc"]').length > 0 && $('#Form1').has("input[name='somename']") &&
    $("#Form1 input[name='somename']").val() === "somevalue"){
       console.log('found');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="/aa/bbcc" method="post" id="Form1" accept-charset="UTF-8">
<input type="hidden" name="somename" value="somevalue" />
... other stuff
</form>