This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

A cookie will be stored in your browser regardless of choice to prevent you being asked this question again. You will be able to change your cookie settings at any time using the link in the footer.

Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
html pattern onclick js
#1
<input type="text" class="form-control" placeholder="Adresse" id="address" style="height: 33px; width: 300px" maxlength="7"  required="required" pattern=".{7}">
 
 dieses input ist so konfiguriert, dass man 7 zeichen eingeben muss! nicht mehr und nicht weniger!
 wird aber bei js nicht mit übernommen?

 was muss ich im js anpassen?

 
function test() {	
 var address = document.getElementById('address').value;
    dataString = 'send_pocsag='+address; 
    $.ajax({
        type: 'POST',
        url: 'monitorOESoft.php',
        data: dataString,	
 		success: function(response){
			 if(response==3822){
			$('#myModal4').modal('hide');	
            $('#address').val('');     	
    }
   }	
  });
 } 
Zitieren
#2
Was meinst du mit , das es niocht bei js übernommen wird ? Die aussage verstehe ich nicht ganz
Als Lösung markieren Zitieren
#3
(29.05.2022, 19:37)admin schrieb: Was meinst du mit , das es niocht bei js übernommen wird ? Die aussage verstehe ich nicht ganz


hier mein alter HTML code um das modal zu öffnen (<form method="post">)
 <div class="modal" id="myModal4">
  <div class="modal-dialog modal-lg">
   <div class="modal-content">
      
    <div class="modal-header">
     <h4>monitorOESoft - Alarmierungstool</h4>
       </div>
        <div class="modal-body">
		 <h5 style="margin: 10px"; class="m-0">Radio Identification Code</h5>
	      <form method="post">
		   <input type="text" class="form-control" placeholder="Rufadresse" name="address" style="height: 33px; width: 150px; border-color: black; margin-left: 15px" maxlength="7"  required="required" pattern=".{7}">
			<br>
		   <input type="text" class="form-control" placeholder="Subadresse" name="funktion" style="height: 33px; width: 150px; border-color: black; margin-left: 15px" maxlength="1"  required="required" pattern=".{1}">
		  <p style="margin: 15px"; class="m-0"><font size="1">(a)= Einsatzalarm (b)= Bagatellalarm (c)= Infoalarm (d)= Rückalarm</font></p>
		  <textarea type='text' name="memo" cols="60" rows="5" placeholder="Freitext" class="form-control" style="height: 125px; width: 600px; border-color: black; margin-left: 15px"></textarea>   
        </div>
		
        <div class="modal-footer">  
		  <input type="Submit" name="send_pocsag" class="btn btn-default" value="Senden">  
          <input type="Submit"  class="btn btn-default" value="Abbruch" data-dismiss="modal">
		 </form> 
        </div> 
      </div>
    </div>
  </div>
 
hier mein neuer code um das modal zu öffnen (mit javascript)
die attribute von html (maxlength="7" required="required" pattern=".{7}") werden nicht berücksichtig??? warum?

onclick="test()"

 function test() {	
 var address = document.getElementById('address').value+document.getElementById('subaddress').value;
    dataString = 'send_pocsag='+address; 
    $.ajax({
        type: 'POST',
        url: 'monitorOESoft.php',
        data: dataString,	
 		success: function(response){
			 if(response==3822){
			$('#myModal4').modal('hide');	
            $('#address').val('');
	        $('#subaddress').val('');		
    }
   }	
  });
 } 


 <!-- Modal Alarm senden -->
 <div class="modal" id="myModal4" data-backdrop="static">
  <div class="modal-dialog modal-lg">
   <div class="modal-content">
    <!-- Modal Header --> 
    <div class="modal-header">
     <h4>monitorOESoft - Mobile Alarmierung</h4>
       </div>
        <div class="modal-body">
		 <h5 style="margin: 15px; color: blue"; class="m-0">Radio Identification Code</h5>
	      
		   <input type="text" class="form-control" placeholder="Adresse des Funkrufempfängers" id="address" style="height: 33px; width: 300px; border-color: black; margin-left: 15px" maxlength="7"  required="required" pattern=".{7}">
		   <p style="margin-left: 15px; color: blue">Test RIC 1234566</p>
			<br>
		   <input type="text" class="form-control" placeholder="Subadresse" id="subaddress" style="height: 33px; width: 300px; border-color: black; margin-left: 15px" maxlength="1"  required="required" pattern=".{1}">
		  <p style="margin-left: 15px; color: blue">(a)= Einsatzalarm (b)= Bagatellalarm (c)= Infoalarm (d)= Rückalarm</p>
		  <textarea type='text' id="memo" cols="60" rows="5" placeholder="Freitext" class="form-control" required="required" style="height: 125px; width: 600px; border-color: black; margin-left: 15px"></textarea>   
         </div>
		<!-- Modal footer -->
         <div class="modal-footer">  
		  <input type="Submit" onclick="test()" class="btn btn-default" value="Senden">  
          <input type="Submit" class="btn btn-default" value="Abbruch" data-dismiss="modal">
		
        </div> 
      </div>
    </div>
  </div>
Als Lösung markieren Zitieren
#4
Kannst du das mal online stellen oder so? Den code den ich hier sehen kann erzeugt so kein Fehler bei mir.
Erstelle bei Codepen mal ein Beispiel wo man sehen kann, das der Fehler auftritt. Kann es sein das du da noch andere Scripte wie Bootstrap oder so benutzt?

So funktioniert das maxlength bei mir . Deswegen wäre ein Link oder so gut wo man das sehen kann das es nicht geht
Hier sind alle meine Lösungen aus allen Foren. Ich helfe auch in Facebook-chat
Als Lösung markieren Zitieren
#5
(31.05.2022, 18:04)admin schrieb: Kannst du das mal online stellen oder so? Den code den ich hier sehen kann erzeugt so kein Fehler bei mir.
Erstelle bei Codepen mal ein Beispiel wo man sehen kann, das der Fehler auftritt. Kann es sein das du da noch andere Scripte wie Bootstrap oder so benutzt?

So funktioniert das maxlength bei mir . Deswegen wäre  ein Link oder so gut wo man das sehen kann das es nicht geht


https://oesoft.de

 "Pager"

	 <!-- Modal Alarm senden -->
     <div class="modal" id="myModal4" data-backdrop="static">
      <div class="modal-dialog modal-lg">
       <div class="modal-content">
        <!-- Modal Header --> 
        <div class="modal-header">
         <h4>monitorOESoft - Mobile Alarmierung</h4>
        </div>
         <div class="modal-body">
		  <h5 style="margin: 15px; class="m-0">Radio Identification Code</h5>
		   <input type="text" class="form-control" placeholder="Adresse des Funkrufempfängers" id="address" style="height: 33px; width: 300px; border-color: black; margin-left: 15px" maxlength="7"  required="required" pattern=".{7}">
		   <p style="margin-left: 15px; color: blue">Test RIC 1234566</p>
		   <br>
		   <input type="text" class="form-control" placeholder="Subadresse" id="subaddress" style="height: 33px; width: 300px; border-color: black; margin-left: 15px" maxlength="1"  required="required" pattern=".{1}">
		   <p style="margin-left: 15px; color: blue">(a)= Einsatzalarm (b)= Bagatellalarm (c)= Infoalarm (d)= Rückalarm</p>
		   <textarea type='text' id="memo" cols="60" rows="5" placeholder="Freitext" class="form-control" required="required" style="height: 125px; width: 600px; border-color: black; margin-left: 15px"></textarea>   
         </div>
		 <!-- Modal footer -->
         <div class="modal-footer">  
		  <input type="Submit" onclick="senden()" class="btn btn-default" value="Senden"> 
          <input type="Submit" class="btn btn-default" value="Abbruch" data-dismiss="modal">
         </div> 
        </div>
      </div>
     </div>


Angehängte Dateien
.php   monitorOESoft.php (Größe: 7,34 KB / Downloads: 0)
.js   oesoft.js (Größe: 626 Bytes / Downloads: 0)
.css   design.css (Größe: 21,46 KB / Downloads: 0)
Als Lösung markieren Zitieren
#6
(31.05.2022, 09:06)black79 schrieb: die attribute von html (maxlength="7" required="required" pattern=".{7}") werden nicht berücksichtig??? warum?


Ich kann in den Modal in den ersten input feld nut 7 Zeichen rein machen und im 2 ten input feld nur ein Zeichen Das steht in maxlength ind pattern so drinn. Ist doch alles richtig.
Was willst di da den ändern, oder was ist da jetzt falsch?
Hier sind alle meine Lösungen aus allen Foren. Ich helfe auch in Facebook-chat
Als Lösung markieren Zitieren
#7
(01.06.2022, 22:37)admin schrieb:
(31.05.2022, 09:06)black79 schrieb: die attribute von html (maxlength="7" required="required" pattern=".{7}") werden nicht berücksichtig??? warum?


Ich kann in den Modal in den ersten input feld nut 7 Zeichen rein machen und im 2 ten input feld nur ein Zeichen Das steht in maxlength ind pattern so drinn. Ist doch alles richtig.
Was willst di da den ändern, oder was ist da jetzt falsch?


 wenn die input felder leer sind, wird trozdem ein post ausgeführt (button senden) das sollte doch nicht so sein!
Als Lösung markieren Zitieren
#8
Sag das doch gleich , dann verstehe ich das auch was du meinst.
Benutze
Elemente dann geht das auch
 
<div class="modal" id="myModal4" data-backdrop="static">
      <div class="modal-dialog modal-lg">
       <div class="modal-content">
        <!-- Modal Header --> 
        <div class="modal-header">
         <h5>monitorOESoft - Freitext Alarmierung</h5>
        </div>
         <div class="modal-body">
         <form>   
		  <h6 style="margin: 15px" class="m-0">Radio Identification Code Eingabe</h6>
		   <input type="text" class="form-control" placeholder="Adresse des Empfängers" id="address" style="height: 33px; width: 300px; border-color: black; margin-left: 15px" maxlength="7"  required="required" pattern=".{7}">
		   <p style="margin-left: 15px; color: blue">Test Adresse: 1234566</p>
		   <input type="text" class="form-control" placeholder="Subadresse Unteradresse" id="subaddress" style="height: 33px; width: 300px; border-color: black; margin-left: 15px" maxlength="1"  required="required" pattern=".{1}">
		   <p style="margin-left: 15px; color: blue">Subadresse:<br>(a)= Einsatzalarm (b)= Bagatellalarm (c)= Infoalarm (d)= Rückalarm</p>
		   <textarea type='text' id="memo" cols="60" rows="5" placeholder="Freitext" class="form-control" required="required" style="height: 125px; width: 600px; border-color: black; margin-left: 15px"></textarea>  
   
         </div>
		 <!-- Modal footer -->
         <div class="modal-footer">  
		  <input type="Submit" onclick="senden()" class="btn btn-default" value="Senden"> 
          <input type="Submit" class="btn btn-default" value="Abbruch" data-dismiss="modal">
         </div> 
                   </form>
        </div>
      </div>
     </div>

Außerdem hast du eine Menge HTML Fehler , und die können auch Probleme machen
https://validator.w3.org/nu/?showsource=yes&doc=https%3A%2F%2Foesoft.de%2Foesoft%2FmonitorOESoft_unerledigt.php
Hier sind alle meine Lösungen aus allen Foren. Ich helfe auch in Facebook-chat
Als Lösung markieren Zitieren
#9
(02.06.2022, 23:04)admin schrieb: Sag das doch gleich , dann verstehe ich das auch was du meinst.
Benutze <form> Elemente dann geht das auch
 
<div class="modal" id="myModal4" data-backdrop="static">
      <div class="modal-dialog modal-lg">
       <div class="modal-content">
        <!-- Modal Header --> 
        <div class="modal-header">
         <h5>monitorOESoft - Freitext Alarmierung</h5>
        </div>
         <div class="modal-body">
         <form>   
		  <h6 style="margin: 15px" class="m-0">Radio Identification Code Eingabe</h6>
		   <input type="text" class="form-control" placeholder="Adresse des Empfängers" id="address" style="height: 33px; width: 300px; border-color: black; margin-left: 15px" maxlength="7"  required="required" pattern=".{7}">
		   <p style="margin-left: 15px; color: blue">Test Adresse: 1234566</p>
		   <input type="text" class="form-control" placeholder="Subadresse Unteradresse" id="subaddress" style="height: 33px; width: 300px; border-color: black; margin-left: 15px" maxlength="1"  required="required" pattern=".{1}">
		   <p style="margin-left: 15px; color: blue">Subadresse:<br>(a)= Einsatzalarm (b)= Bagatellalarm (c)= Infoalarm (d)= Rückalarm</p>
		   <textarea type='text' id="memo" cols="60" rows="5" placeholder="Freitext" class="form-control" required="required" style="height: 125px; width: 600px; border-color: black; margin-left: 15px"></textarea>  
   
         </div>
		 <!-- Modal footer -->
         <div class="modal-footer">  
		  <input type="Submit" onclick="senden()" class="btn btn-default" value="Senden"> 
          <input type="Submit" class="btn btn-default" value="Abbruch" data-dismiss="modal">
         </div> 
                   </form>
        </div>
      </div>
     </div>

Außerdem hast du eine Menge HTML Fehler , und die können auch Probleme machen
https://validator.w3.org/nu/?showsource=...ledigt.php


 erstmal vielen Dank für die Info

 jetzt kommt die meldung "bitte füllen sie das feld aus" super :-) aber das modalfenster schließt sich?

habe eine Lösung gefunden :-)

habe eine if abfrage eingebaut :-)
if (strlen($address) < 8) {




 if(isset($_POST['send_pocsag'])){
  $address = $_POST['send_pocsag'];
  if (strlen($address) < 8) {
	 
  } else {
  $timestamp = time();
  $query = "INSERT INTO TelegramStorage(Timestamp,Type,Source,Flags,Address,Message)VALUES('$timestamp','4','101623241','0','$address','TEST')";
  $link->query($query);  
 
   echo '3822';
  exit;   
 }
 }
Als Lösung markieren Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 2 Gast/Gäste