Formular-Steuerelement überträgt falsche Information

Question

Ich habe dieses Code-Schnipsel, also müssen Besucher meiner Seite ihre Telefonnummer eingeben, damit ich sie kontaktieren kann.

Es funktioniert gut; es validiert die Informationen, aber wenn jemand "+45" oder etwas vor ihre Telefonnummer stellt (wie diese +4512345678), bekomme ich diese "2147483647".

<div class="form"> 
    <input type="phone" 
      class="form-control" 
      placeholder="Phone" 
      name="fieldNumb" 
    <input pattern=".{7,15}" required title="input number"> 
</div> 

Was ist die Logik dahinter? Und wie löse ich es?

Answer 1

Verwenden Sie <select> für Ländercodes. es wird einfach für Sie und Ihren Benutzer gehandhabt und validiert es mit Javascript vor dem Senden. so kann der Benutzer nur verwenden (0-9). Verwenden Sie auch type = 'text', da es einen maximalen Wert für int gibt