[英]form still submits after validation fail JS
我有一個表單,試圖驗證具有相同類的字段。 需要
<form id="HotelBooking" method="post" action="#">
<input type="text" class="required" name="vardas" />
<input type="text" class="required" name="pav" />
<input type="text" class="required" name="tel" />
<input type="submit" name="sb" value="Tvirtinti" onclick="tikrinti();"/>
</form>
JS代碼適用於firs字段,它顯示錯誤,但表單仍會提交並重置字段。
$(document).ready(function() {
$('#HotelBooking').submit(function () {
$(".required").each(function(){
if($(this).val().length == 0)
{
alert('Please Enter your value');
$(this).focus();
return false;
}
});
});
});
我做錯了什么?
您應該將return false
放在each()
:
$('#HotelBooking').submit(function () {
var errors = 0
$(".required").each(function(){
if( $.trim($(this).val()).length == 0) { // make sure that there is no extra whitespace
errors++
}
});
if (errors > 0) {
alert('please Enter your value for ' +errors+ 'remaining fields')
return false;
}
});
問題是您從eacher each()
函數而不是submit()
函數返回false
。
解決方法:
$(document).ready(function () {
$('#HotelBooking').submit(function () {
var valid = true;
$('.required').each(function () {
if ($(this).val().length == 0) {
alert('Please Enter your value');
$(this).focus();
valid = false;
}
});
return valid;
});
});
編輯:糟糕,為時已晚
<script type="text/javascript">
$('#submitRegister').click( function(){
var validation = $('#connect').vValidator('validate');
Window.alert("hii");
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.