无法获取jQuery .submit（）来触发

我无法获取jQuery .submit（）来触发我的表单。如果我将它移动到$（document）.ready（），那么下面的警报会成功弹出，但试图让它在提交时触发不起作用。无法获取jQuery .submit（）来触发

在我的身上使用下面的脚本

<script> 
    $(document).ready(function($) { 
    $('mainForm').submit(function() { 
     alert("hello"); 
    }); 
    }); 
</script>

和表单元素下面

<form id="mainForm" class="form-horizontal" method="POST"> 
<legend>Retrieve Your Documents</legend> 
<fieldset> 

<!-- Text input--> 
<div class="form-group"> 
    <label class="col-md-4 control-label" for="id">Request ID</label> 
    <div class="col-md-4"> 
    <input id="requestid" name="requestid" type="text" placeholder="DOC123456-123456789" class="form-control input-md" required=""> 
    </div> 
</div> 

<!-- Password input--> 
<div class="form-group"> 
    <label class="col-md-4 control-label" for="lastfour">Last Four of SSN</label> 
    <div class="col-md-4"> 
    <input id="lastfour" name="lastfour" type="password" placeholder="1234" class="form-control input-md" required=""> 
    </div> 
</div> 

<!-- Button --> 
<div class="form-group"> 
    <label class="col-md-4 control-label" for="button"></label> 
    <div class="col-md-4"> 
    <input type="submit" id="button" name="button" class="btn btn-primary" value="Retrieve Documents"> 
    </div> 
</div> 

</fieldset> 
</form>

来源

2017-06-19 vermi

'$（'＃mainForm'）'：你错过了'＃' – haim770

这个诀窍，但我实际上已经尝试过，并没有工作。但是，我明确使用HTML4作为DOCTYPE。当我切换到HTML5时，它按预期工作。 – vermi

正如haim770说，mainForm是你的表单的id，因此你需要用一个#像前缀它这个：

$('#mainForm').submit(function() { 
    alert("hello"); 
});

来源

2017-06-19 18:07:57 Aenadon

无法获取jQuery .submit（）来触发

回答

相关问题