html pattern onclick js

[black79]

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">)

Code:

<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?

Code:

onclick="test()"

Code:

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('');        
    }
   }    
  });
}

Code:

<!-- 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>