E-Mail-Daten Anmerkung Validierung funktioniert, aber Telefon nicht

Ich bin mit data annotations in meinem ASP.NET MVC4-Projekt um clientseitige Validierung auf E-Mail und Telefon-Felder. E-Mail ist erfolgreich die Validierung im client, aber Telefon funktioniert nicht - es erlaubt mir, geben Sie ungültige Zeichen und nur warnt mich nach dem abschicken des Formulars (anstatt sofort nach dem Zeichen eingegeben wird)

Im Modell:

[Required(ErrorMessage = "Email is required")]
[DataType(DataType.EmailAddress)]
[EmailAddress]
[Display(Name = "Email")]
public string Email{ get; set; }

[Required(ErrorMessage = "Mobile is required")]
[DataType(DataType.PhoneNumber)]
[Phone]
[Display(Name = "Mobile number")]
public string Mobile { get; set; }

In der Ansicht, ich glaube, ich bin auch das richtige Skript Verweise:

<script type="text/javascript" src="~/Scripts/jquery.validate.min.js" ></script
<script type="text/javascript" src="~/Scripts/jquery.validate.unobtrusive.min.js" ></script>

..und mit html-Helfer (ich bin mit TextBoxFor eher als "EditorFor" als ich die Anwendung der Klasse Attribute, die ich ausgelassen habe, hier für Klarheit)

@Html.LabelFor(model => model.Email)
@Html.ValidationMessageFor(model => model.Email)
@Html.TextBoxFor(model => model.Email, new { @type = "email" })       

@Html.LabelFor(model => model.Mobile)
@Html.ValidationMessageFor(model => model.Mobile)
@Html.TextBoxFor(model => model.Mobile, new { @type = "phone" })

Was bin ich?

InformationsquelleAutor Liam Weston | 2013-11-01
  1. 0

    Ich denke, das problem ist, dass Telefon-Typ wird einfach nicht unterstützt.
    Sehen Telefon geben Sie Unterstützung bei w3schools

    • Vielleicht wäre es besser, zu Fragen der OP (mit einem Kommentar), was Handy-Typ verwendet wird; es könnte einem unterstützten Typ in dem Fall, dies ist nicht die Antwort...
    • sagen Sie, dass Sie statt type = "Telefon:" ich sollte mit neue type = "tel" ??
    • Nicht genau: w3schools, sagt HTML5 definiert eine Telefon-Eingabefeld mit type=tel, kein Telefon, ABER dieser Typ ist nicht unterstützt von jeder browser (ich vermute mal Handy-Nummern sind in jedem Land anders). So könnten Sie besser dran, überprüfen Sie Ihre Telefon-Nummer mit Ihrer eigenen regex in Ihrem Modell und Anwendung auf der client-Seite. Wie es aussieht, ist mehr ein Hinweis, wie das iPhone erkennt type="tel", und völlig verändert Sie die Tastatur, um das standard-Telefon-Tastatur-siehe [link]html5doctor.com/html5-forms-input-types/#input-tel
    • Danke - das war das Fazit ich kam.
    InformationsquelleAutor OzAnt
  2. 6
    [Required(ErrorMessage = "Mobile is required")]
[RegularExpression(@"^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$", ErrorMessage = "Entered mobile format is not valid.")]
public string Mobile{get; set;}

    Gesucht werden zahlen wie: 0123456789, 012-345-6789, (012)-345-6789 etc.

    InformationsquelleAutor Kris1
  3. 2

    MVC 4 hat ein eingebautes display-Vorlage für Email-Adresse, aber keine Telefonnummer.
    Müssen Sie erstellen eine benutzerdefinierte DisplayTemplate für [DataType(DataType.PhoneNumber)].

    Fügen Sie die folgende Datei (Sie werden wahrscheinlich haben, um den Unterordner erstellen DisplayTemplates):

    Views\Shared\DisplayTemplates\PhoneNumber.cshtml

    @model System.String
@if (Model != null)
{
    @:@System.Text.RegularExpressions.Regex.Replace(@Model, "(\\d{3})(\\d{3})(\\d{4})", "$1-$2-$3")
}
    InformationsquelleAutor RitchieD
  4. 0

    verwenden "EditorFor" statt TextBoxFor für E-Mail, dann wird es Fehler gibt ok keyup-in E-Mail-Feld.

    • Modell.E-Mail -) @Html.ValidationMessageFor(model => Modell.E-Mail -) @Html."EditorFor" (model => Modell.E-Mail) Verwenden Sie diesen für E-Mail-Validierungen
    InformationsquelleAutor Chandu Gunji
Schreibe einen Kommentar