在函数 event.preventDefault() 中传递事件后不起作用
after passing event in function event.preventDefault() is not working
<div id="address" class="col s12">
<div class="row">
<form method="post" action="" id="addressDetails">
<div class="input-field col s6">
<textarea id="lAddress" name = 'lAddress' minlength='20' maxlength='100' class="materialize-textarea" class="validate" required length="100"></textarea>
<label for="lAddress" data-error="Must be between 20 to 100 Characters">Local Address</label>
</div>
<div class="input-field col s6">
<textarea id="pAddress" name = 'pAddress' minlength='20' maxlength='100' class="materialize-textarea" class="validate" required length="100"></textarea>
<label for="pAddress" data-error="Must be between 20 to 100 Characters">Permanent Address</label>
</div>
</form>
</div>
<div class="row center-align">
<button type="submit" name="submitAddress" form="addressDetails" class="waves-effect waves-light light-blue darken-1 btn updateProfile">Save Address Details</button>
</div>
</div>
HTML 和 JavaScript 代码
$(document).ready(function() {
$("button").on('click', '.updateProfile', function(event) {
event.preventDefault();
});
});
这是我的javascript。我简化了它,让它简短。我的 event.preventDefault()
不工作。
您以错误的方式绑定了 click
处理程序。
试试这个代码:
$(".updateProfile").on('click', function(event) {
event.preventDefault();
});
根据您的 HTML 标记 <button>
元素已经有 class updateProfile
,因此您的代码应该如下所示:
$('button.updateProfile').on('click', function(e) {
e.preventDefault();
});
在您的情况下,将 .updateProfile
作为 on
方法的第二个参数将 click
事件绑定到具有 class updateProfile
[=23= 的元素]inside <button>
元素在 delegated way.
<div id="address" class="col s12">
<div class="row">
<form method="post" action="" id="addressDetails">
<div class="input-field col s6">
<textarea id="lAddress" name = 'lAddress' minlength='20' maxlength='100' class="materialize-textarea" class="validate" required length="100"></textarea>
<label for="lAddress" data-error="Must be between 20 to 100 Characters">Local Address</label>
</div>
<div class="input-field col s6">
<textarea id="pAddress" name = 'pAddress' minlength='20' maxlength='100' class="materialize-textarea" class="validate" required length="100"></textarea>
<label for="pAddress" data-error="Must be between 20 to 100 Characters">Permanent Address</label>
</div>
</form>
</div>
<div class="row center-align">
<button type="submit" name="submitAddress" form="addressDetails" class="waves-effect waves-light light-blue darken-1 btn updateProfile">Save Address Details</button>
</div>
</div>
HTML 和 JavaScript 代码
$(document).ready(function() {
$("button").on('click', '.updateProfile', function(event) {
event.preventDefault();
});
});
这是我的javascript。我简化了它,让它简短。我的 event.preventDefault()
不工作。
您以错误的方式绑定了 click
处理程序。
试试这个代码:
$(".updateProfile").on('click', function(event) {
event.preventDefault();
});
根据您的 HTML 标记 <button>
元素已经有 class updateProfile
,因此您的代码应该如下所示:
$('button.updateProfile').on('click', function(e) {
e.preventDefault();
});
在您的情况下,将 .updateProfile
作为 on
方法的第二个参数将 click
事件绑定到具有 class updateProfile
[=23= 的元素]inside <button>
元素在 delegated way.