webentwicklung-frage-antwort-db.com.de

wenn Sie auf "Formular absenden" in "eckigejs" klicken, wird das Fenster "Bitte dieses Feld ausfüllen" angezeigt. Andere Überprüfungen sollten jedoch funktionieren

Ich möchte das Popup "Bitte füllen Sie dieses Feld aus" entfernen, da die Validierung und die normalen Validierungen, die deklariert sind, angezeigt werden sollen.

Html:

<div class="panel-body">
    <form role="form" id="createForm" v name="createForm"  ng-submit="createAdminGroup(adminGroupData)">
        <div class="form-group" ng-class="{ 'has-error' : createForm.firstName.$invalid && !createForm.firstName.$pristine}">
            <label class="label1">First Name</label>
            <input name="firstName" id="firstName" class="form-control" placeholder="First Name" name="firstName"  type="text" ng-model="adminGroupData.firstName  " required/>
         <span style="color:red" ng-show="createForm.firstName.$invalid  && !createForm.firstName.$pristine">Please enter first name</span>
        </div>

        <div class="form-group">
            <label class="label1">Last Name </label>
            <input name="lastName" id="lastName" class="form-control" placeholder="Last Name" name="lastNmae"  type="text" ng-model="adminGroupData.lastName" />
        </div>

        <div class="form-group">
            <label class="label1"> Email Id </label>
            <input type="email" name="email" id="email" class="form-control"  placeholder="[email protected]" value=""ng-model="adminGroupData.email"/>
        </div>
        <div class="form-group">
            <label class="label1"> Password </label>
            <input name="password" id="password" class="form-control" placeholder="password"  value=""  ng-model="adminGroupData.password" />
        </div>

        <button name="submit" type="submit" class="btn btn-success" id="" ng-disabled="userForm.$invalid">Save</button>
        <button class="btn btn-default" id="cancel" type="button" onclick='handleCancelCreateAdmin()'> Back </button>

        </form>
</div>
7
Priyanka Maurya

Fügen Sie das novalidate-Attribut zu Ihrer form hinzu, um Browser-Standardprüfung zu deaktivieren  

Für Ex

<form role="form" novalidate id="createForm" v name="createForm"  ng-submit="createAdminGroup(adminGroupData)">

Find more here

16
Guruprasad Rao

Fügen Sie das Attribut formnovalidate in Ihren Submit-Button ein:

Beispiel:

<button name="submit" type="submit" formnovalidate class="btn btn-success">Save</button>

Dadurch wird nur die Browser-Formularüberprüfung deaktiviert. Sie haben noch die Validierung aus Ihrem AngularJS-Code.

Sie können die W3C-Spezifikation sehen hier

Ich hatte vor ein paar Tagen dasselbe Problem und so habe ich es geschafft zu lösen

6
Geraldo Novais

Ich habe es gerade ausprobiert und es hat funktioniert:

oninvalid = "this.setCustomValidity ('')" oninput = "this.setCustomValidity ('')">

Ich habe ein Leerzeichen zwischen den beiden einfachen Anführungszeichen eingefügt.

Da ich einen Bootstrap-Tooltip in meine Eingabefelder eingefügt habe und dies erforderlich ist, wird die ungültige Eingabe angezeigt und der Tooltip-Wert angezeigt.

Es war einfacher als ich gedacht hatte.

0
guy