Heim  >  Artikel  >  Backend-Entwicklung  >  So verwenden Sie PHP+Ajax, um die Benutzeranmeldeschaltfläche zu laden

So verwenden Sie PHP+Ajax, um die Benutzeranmeldeschaltfläche zu laden

little bottle
little bottlenach vorne
2019-04-22 11:56:103035Durchsuche

Dieser Artikel verwendet die PHP+Ajax-Technologie, um den Ladeeffekt der Anmeldeschaltfläche zu erreichen, und der andere besteht darin, wiederholte Formularübermittlungen zu vermeiden Referenzwert, und interessierte Freunde können sich darauf beziehen.

Anmeldeformular


1 <form onsubmit="return check_login()" style="text-align: center;margin-top:50px"> 
2     <input value="登 录"   class="btn_submit" id="btn_submit" type="submit"> 
3 </form>

Formular-Senden-Schaltfläche und Schaltflächen-Ungültigmachungsstil


 1 .btn_submit { 
 2     background-color: #e31436; 
 3     color: #fff; 
 4     cursor: pointer; 
 5     display: inline-block; 
 6     font-size: 18px; 
 7     height: 44px; 
 8     line-height: 44px; 
 9     text-align: center; 
10     width: 200px; 
11     border-radius: 2px; 
12     border:none 
13 } 
14 .disabled{opacity: 0.5;cursor:default}

Verwandte Tutorials: Ajax-Video-Tutorial

Überprüfung der Formularübermittlung


 1 function check_login() { 
 2     if ($("#btn_submit").hasClass("disabled"));//避免重复提交  3     return false; 
 4     $("#btn_submit").addClass("disabled").val("正在提交"); 
 5     $.post("login.php", {id: 1}, function(data) { 
 6         $("#btn_submit").removeClass("disabled").val("登 录"); 
 7         location.href = "http://www.sucaihuo.com/php/2747.html"; 
 8     }, "json"); 
 9     return false; 
10 }

Verwandte Tutorials: PHP-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie PHP+Ajax, um die Benutzeranmeldeschaltfläche zu laden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen