想知道有没有办法让表单在阻止Default并验证表单字段后执行默认操作。
$('#form').submit(function (e) {
e.preventDefault();
var isValid = true;
var name = $('#name').val();
if (empty(name)) {
isValid = false;
}
$(this).submit() // This will cause a stack overflow :)
});
完成表单验证后,我想正常进行,
我想在提交按钮上使用onClick
,但用户可以通过点击回车键来触发提交,我希望允许。我想这样做的原因是为了让服务器可以执行重定向等操作。
最佳答案
我正在给你写一个小例子。
$(document).ready(function(){
$("#control_form").on("keyup", function(event){
post_control();
});
});
var post_control = function(){
var user_name = $("#user_name").val();
if ( user_name==null || user_name=="" || user_name.length < 4 )
$('.error').html("Username can not be less than 4 characters!");
else
{
$('.error').empty();
$('#control_form').removeAttr('onsubmit');
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div id="users_form">
<form name="form" id="control_form" action="post_form" method="post" onsubmit="return false;">
<label>User Name:</label>
<input type="text" id="user_name" name="user_name">
<input type="submit" value="Save">
</form>
<div class="error"></div>
</div>
关于javascript - Jquery:在表单上提交验证然后允许默认操作继续,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45530342/