2012-12-19 13 views
7

Benim htm sayfamda, formumu işlev kullanarak gönderen bir düğme kullanmak istiyorum. Alanlarımda doğrulamaları kullanıyorum ve gönder düğmesine bastığımda hata mesajı görüntüleniyor, ancak son değerleri koruyor ve formumu yeniliyor. Sadece girdiğim değerlerin orada olacağını ve sadece hata mesajının olduğu alanın kaybolacağını istiyorum. diğer tüm alanlar orada kalır. İşte benim kodudur:son girilen değerleri yenilemek ve saklamak istemiyor

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html> 
    <head> 
    <!--<meta http-equiv="refresh" content="text/html; charset=iso-8859-1" />--> 
    <!-- 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    --> 
    <title>Phone Registration</title> 
    <link rel="stylesheet" type="text/css" href="file:///C|/xampp/htdocs/track/css/view.css" media="all"/> 
    <script type="text/javascript" src="file:///C|/xampp/htdocs/track/javascript/view.js"></script> 
    <script type="text/javascript" src="file:///C|/xampp/htdocs/track/javascript/external.js"></script> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

    <script> 
     $(function() { 
      $("#datepicker").datepicker(); 
     }); 
     </script> 

    </head> 
    <body id="main_body" > 
     <img id="top" src="file:///C|/xampp/htdocs/track/images/top.png" alt=""/> 
      <div id="form_container"> 
      <h3> 
       <a href="file:///C|/xampp/htdocs/track/phonereg.php">Phone Registration</a> 
       <a href="file:///C|/xampp/htdocs/track/officerreg.php">Officer Registration</a> 
       <a href="file:///C|/xampp/htdocs/track/customerreg.php">Customer Registration</a> 
       <a href="file:///C|/xampp/htdocs/track/taskentry.php">Task Entry</a> 
      </h3>  
      <form name="order" id="form_532698" class="appnitro" method="post" action="" > 
       <div class="form_description"> 
       <h2>Phone Registration</h2> 
      </div>      
      <ul > 
       <li> 
       <span> 
       <label class="description">IMEI # : </label> 
       <input name="imei" id="imeinum" class="element text medium" type="text" maxlength="15" value=""/> 

       </span> 
       </li> 
       <li> 
       <span> 
       <label class="description" >Phone Number </label> 
       <input name="phone" id="phnum" class="element text medium" type="text" maxlength="11" value="" onblur="validate(this)"/> 

       </span> 
       </li> 
       <li> 
       <span> 
       <label class="description" >From Date </label> 
       <input id="datepicker" name="fdate" class="element text medium" maxlength="10" value="" type="text"/> 
       </span> 
       </li> 
       <li> 
       <span> 
       <label class="description" for="element_4">Active </label> 
       <input name="r1" id="rad" class="element radio" type="radio" value="Yes" checked="checked" /> 
       <label class="choice">Yes</label> 
       <input name="r1" id="rad" class="element radio" type="radio" value="No" /> 
       <label class="choice">No</label> 
       </span> 
       </li> 

       <li> 
       <input type="button" name="save" value="Save" /> 
       </li> 

       <!-- 
       <li class="buttons"> 
        <input type="hidden" name="form_id" value="532698" /> 
        <input class="button_text" type="submit" name="save" value="Save" id="" /> 
        &nbsp;<input class="button_text" type="reset" name="cancel" value="Cancel" /> 
        &nbsp;<input class="button_text" type="submit" name="search" value="Search" id="" /> 
        &nbsp;<input class="button_text" type="submit" name="up" value="Update" id="" /> 
        &nbsp;<input class="button_text" type="submit" name="del" value="Delete" id="" /> 
       </li> 
       --> 
      </ul> 
      </form> 
    </div> 
    <img id="bottom" src="file:///C|/xampp/htdocs/track/images/bottom.png" alt=""/> 

    <script type="text/javascript" language="JavaScript"> 
//submit form 
document.order.submit(); 
</script> 
    </body> 

</html> 

i bunu nasıl Lütfen bana yol ?? Ben müteşekkir olacağım sen

cevap

0

Sunucuya submiting formu önlemek için bu kodu kullanabilirsiniz:

$("form").on("submit", function(event){ 
    if(!isValidForm($(this)){ 
    event.preventDefault(); 
    } 
}); 

supposingly isValidForm() yöntemi formu seçici alır ve değilse formu geçerli ve yanlışsa doğru döner.

0

kullanımına e.preventDefault(); veya

+0

Peki sence yapar mı? –

+0

@VytautasButkus yup 'false 'i kullanırsanız, bunu yapacak mı? Herhangi bir şüphe var – Ghostman

+0

Eğer OP bu snippet kullanabilirsiniz nasıl biraz ayrıntılı olabilir .. –

0

return false; doğrulama kontrol Doları cinsinden başarı veya değil (function()) sonra ki return false değilse .. Başka return true ...

<script> 
$(function() { 
    $("#datepicker").datepicker(); 
    if(!validation) { 
     return false; 
    } 
    return true; 
}); 
</script> 
0

Bunu yapmanın 2 ana yolu vardır: PHP (sunucu tarafı) ve javascript (istemci tarafı).

PHP çözüm bu temiz değil, sen (Silmek istediğiniz olanları kaldırma)

javascript, sayfayı yenileyin orada değerleri kontrol ve her giriş doğru value ayarlamanız gerekir/jQuery çözüm temizleyici: <input type='submit' /> yerine javascript işlevini çağıran bir düğme kullanın, her girişi kontrol edin (Ajax'ı kullanabilmeniz için sunucu bilgilerine ihtiyacınız varsa) ve hataları görüntüleyerek yalnızca boş olanları ayarlayın.

Her iki yol da tamam ancak javascript yöntemi denetimi/güncelleştirmesi çok daha kolaydır ve sayfayı yenilemediği için daha kullanıcı dostudur. Doğrulama başarısız olursa

İlgili konular