Error Box div приходит и уходит

Когда я запустил register.html и нажал кнопку регистрации, не выбирая ничего в клистере, он должен показать divbox и остаться на странице, пока я не нажму кнопку регистрации еще раз. но то, что происходит, что divbox boxbox отображается на секунду, а затем исчезает. Может кто-нибудь скажет мне, что это происходит.Error Box div приходит и уходит

$(document).ready(function(){ 
    $("#reg").click(function(){ 

if($('#clist option:selected').text()=='Select...') 
{ 
    $("#errorBox").html("Please fill in all the fields. All the * marked fields are123 important"); 

} 
//$('#ddlList option:selected').text() 
    }); 
});

registration.html

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>JobSeeker Registration Page </title> 
<meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 

    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

    <script type="text/javascript" src="jquery-1.11.3.min.js"></script> 
    <script type="text/javascript" src="ex.js"></script> 
    </head> 
    <body> 
<div id="errorBox"></div> 
<form class="form-horizontal" role="form" method="POST" action="#"> 

<div class="page-header paddi"> 
<h4> 
Create Login Details 
</h4> 
</div> 
<div class="form-group row"> 

<label class="control-label col-md-3 text-right" for="email"> Enter your Email id<sup>*</sup>: 
</label> 

<div class="col-md-7"> 
<input type="text" name="eml" id="eml" /> 
</div> 
</div> 

<div class="form-group"> 
<label class="control-label col-md-3 text-right" for="clist"> 
Where are you currently located<sup>*</sup>: 
</label> 
<div class="col-md-7"> 
<select id="clist"> 
<option value="">Select...</option> 
<option value="Sweden"> India </option> 
<option value="Denmark"> USA </option> 
<option value="Norway"> Norway </option> 
<option value="Finland"> Finland </option> 
<option value="Iceland"> Iceland </option> 
</select> 

</div> 

</div> 
<div class="control-group"> 
           <!-- Button --> 
           <div class="controls col-md-offset-3 col-md-2"> 
            <button class="btn btn-success" id="reg">Register</button> 
           </div> 
</div> 
</form> 
</body> 
</html>

источник

2015-08-13 Abhay Varma

Кажется, что ваша 'форма' отправляется в любом случае. поместите 'e.preventDefault' внутри функции' click' с 'e', принятым как параметр для этого обратного вызова. –

Ваша форма представляется

Добавить event.preventDefault() в обработчик щелчка, чтобы заставить его работать

$(document).ready(function() { 
    $("#reg").click(function() { 
     event.preventDefault(); 
     if ($('#clist option:selected').text() == 'Select...') { 
      $("#errorBox").html("Please fill in all the fields. All the * marked fields are123 important"); 

     } 
     //$('#ddlList option:selected').text() 
    }); 
});

источник

2015-08-13 09:52:43 DGS

мне кажется, что ваш form отправлен в любом случае. поставьте e.preventDefault внутри функции click с параметром e, взятым за параметр для этого обратного вызова.

$('#reg').click(function (e) { 
    if ($('#clist option:selected').text() == 'Select...') { 
     $('#errorBox').html('Please fill in all the fields. All the * marked fields are123 important'); 
     e.preventDefault(); 
    } 
});

источник

2015-08-13 09:55:19

Error Box div приходит и уходит

ответ

Смежные вопросы