[英]html5 / jquery - click event not registering for html button tag
I am trying to validate a form, but I can't get any code to execute when my button is clicked. 我正在尝试验证表单,但是单击按钮时无法执行任何代码。 Here's my code: 这是我的代码:
<div id="vehicle_form">
<form method="post" name="emailForm" action="">
<input class="dField" id="dfEmail" type="email" name="email" value="Email" onfocus="clearInput(this);" onblur="restoreInput(this)"><br/>
<input class="dField" id="dfName" type="text" name="firstname" value="First Name" onfocus="clearInput(this);" onblur="restoreInput(this)"><br/>
<input class="dField" id="dfLast" type="text" name="lastname" value="Last Name" onfocus="clearInput(this);" onblur="restoreInput(this)"><br/>
<button type="button" id="dSubmit">Submit</button>
</form>
</div>
$('#dSubmit').click(function(){
console.log('click');
});
You need to ensure that your jQuery is wrapped in a <script>
tag, and ensure that the function is being loaded, perhaps by a $(document).ready()
function, as shown below: 您需要确保将jQuery包装在<script>
标记中,并确保正在通过$(document).ready()
函数加载该函数,如下所示:
<script type='text/javascript'>
$(document).ready(function(){
//Your Click event
$('#dSubmit').click(function(){
console.log('click');
});
});
</script>
Actually the code stays wrong. 实际上,代码保持错误。 A form can be often submitted by hitting enter inside of a textfield. 通常可以通过在文本字段内点击Enter来提交表单。 If you want to make it right you should use the submit event. 如果要正确处理,则应使用Submit事件。
<script>
$(function(){
$('#vehicle_form > form').submit(function(){
console.log('submit');
});
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.