2017-06-19 12 views
0

私のフォームでjQuery .submit()を起動できません。私が$(document).ready()に移動すると、以下の警告が正常にポップされますが、送信時に起動するようにしようとすると動作しません。jQuery .submit()を呼び出すことができません

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

とフォーム要素haim770として

<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> 
+3

'$( '#mainForm')': '# 'が見つかりません – haim770

+0

これはそのトリックはやったけど、実際にはすでにそれを試みていたし、うまくいきませんでした。しかし、私は明示的にHTML4をDOCTYPEとして使用していました。 HTML5に切り替えると、期待どおりに機能しました。 – vermi

答えて

1

以下の私のBODYに以下のスクリプトを使用して

mainFormあなたは#などでそれを前に付ける必要があるので、フォームのIDである、と述べましたこれは:

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