Heim > Web-Frontend > js-Tutorial > Hauptteil

Das JQuery-Formular überprüft, ob das Optionsfeld ausgewählt ist. Erfahrungszusammenfassung

小云云
Freigeben: 2018-01-10 09:43:02
Original
2358 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Erfahrungszusammenfassung zur Überprüfung, ob das Optionsfeld vor dem Absenden des JQuery-Formulars ausgewählt ist, und zur Überprüfung beim Löschen von Datensätzen vorgestellt. Es ist sehr gut und hat Referenzwert

Gehen Sie zuerst nach oben. Drei Darstellungen:

Das JQuery-Formular überprüft, ob das Optionsfeld ausgewählt ist. Erfahrungszusammenfassung
Das JQuery-Formular überprüft, ob das Optionsfeld ausgewählt ist. Erfahrungszusammenfassung
Das JQuery-Formular überprüft, ob das Optionsfeld ausgewählt ist. Erfahrungszusammenfassung

Diese Funktionen werden möglicherweise häufig in der Java-Webentwicklung benötigt. Obwohl sie sehr einfach sind, sind sie sehr praktisch. Sie werden hier aufgezeichnet, um sie nicht zu vergessen.

1. Lassen Sie uns über die Überprüfung vor dem Absenden des Formulars sprechen: Sie wird häufig im Hintergrund verwendet (hier handelt es sich um eine einheitliche Überprüfung nach dem Absenden. Informationen zur zeitnahen Überprüfung finden Sie in meinem anderen Artikel

http:// blog.csdn.net/jianzhonghao/article/details/52503431)

1.1 Nach dem Absenden über die Schaltfläche „Senden“ wird zum entsprechenden Pfad entsprechend dem Attribut action="path" des Formulars gesprungen Wenn Sie dem Formular ein onsubmit = hinzufügen. Geben Sie das check()-Attribut zurück. check() erstellt die Überprüfungsfunktion, die wir schreiben möchten, wie unten gezeigt:

 <form action="路径" onsubmit="return check()" method="POST">
Nach dem Login kopieren

1.2 Die Funktion check() lautet wie folgt (Überprüfung, ob der Name ausgefüllt ist und ob das Optionsfeld Geschlecht ausgewählt ist) $('#notice'), schreiben Sie einfach ein p und fügen Sie ein ID-Attribut

hinzu

<script type="text/javascript"> 
 function check(){
  var name = $(&#39;#name&#39;).val().trim();
  var gender=$(&#39;input:radio[name="gender"]:checked&#39;).val();
  if(!name){
   $(&#39;#notice&#39;).text(&#39;客服名称不能为空!&#39;).show();
   return false;
  }else if(!gender){
   $(&#39;#notice&#39;).text(&#39;请选择客服性别!&#39;).show();
   return false;
  }
  else{
   return true;
  }
 }
</script>
<p id="notice" style="font-size: 30px;color:red;margin-top: 15px;" ></p>
Nach dem Login kopieren

1.3 Lassen Sie uns abschließend über das Problem der Bestätigung sprechen, ob beim Löschen

<input type="image" src="删除图标的路径" title="删除" onclick="{if(confirm(&#39;确定删除吗?&#39;)){javascript:document:delfrom_${ServerInfo.id };return true;}return false;}">
分开写实际就是
if(confirm(&#39;确定删除吗?&#39;)){
 {javascript:document:delfrom_${ServerInfo.id };
 return true;
}
 return false;
Nach dem Login kopieren

Verwandte Empfehlungen:


Jquery praktische Anwendung, bestimmen Sie, ob Radio, Sellct, Kontrollkästchen ausgewählt ist und der ausgewählte Wert

Angular. JS ermittelt, ob das Kontrollkästchen aktiviert ist, und zeigt es in Echtzeit an

jquery ermittelt, ob das Kontrollkästchen aktiviert ist

Das obige ist der detaillierte Inhalt vonDas JQuery-Formular überprüft, ob das Optionsfeld ausgewählt ist. Erfahrungszusammenfassung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage