0
votes

Valider l'entrée avec JS

Ceci est mon code de registre.php

$(document).ready(function(){
//     alert("hello friends");
$("register_form").on("submit",function() {
    var status = false ;
    var name = $("#username");

    if (name.val() == "" || name.length < 6 ) {
        name.addClass("border-danger");
        $("#u_error").html("<span class='text danger'> name more that 6 char</span>");
        status = false;
    }else {
        name.addClass("border-danger");
        $("#u_error").html("<span class='test danger'> please enter name</span>");
        status = true;
    }
})
 })

php javascript jquery

3 commentaires

Corrigez cette ligne $ ("# register_form"). On ("Soumettre", fonction () {register_form est ID du formulaire doit être utilisé avec #.

register_form n'a pas d'identifiant ou de classe ci-joint. $ ("# register_form"). sur .....

@Sachin poster ceci comme réponse merci

4 Réponses :

1
votes

Longueur de comptage sur la valeur non sur l'objet, modifier nom.length code> à nom.val (). longueur code> xxx pré>

Suggérez ici P>

if (name.length < 6 ) {

0 commentaires

2
votes

Rien ne se produit parce que vous soumettez la forme, ce qui provoque une redirection à une autre page ou à la même page afin de faire des choses avec le backend sur le serveur.
Afin d'empêcher le formulaire de soumettre, procédez comme suit:

name.val().length < 6

0 commentaires

3
votes

Il y a tellement de changements dans votre code.

1.html - add submit button with </form> 
2.js - your event is on '#register_form' instead of 'register_form'
3.js - To prevent on submit you have to return true or false..in you case return status; after if-else
4.js - use name.val().length instead of name.length

0 commentaires

0
votes

<html>
    <head>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet"/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    </head>
    <body>
        <form id="frm">
            <input type="text" name="name" id="name" placeholder="Name..."><br><br>
            <input type="number" name="age" id="age" placeholder="Age..."><br><br>
            <input type="number" name="mobile" id="mobile" placeholder="Mobile..."><br><br>
            <input type="email" name="email" id="email" placeholder="Email..."><br><br>
            <input type="submit" name="submit" id="submit">
        </form>
    </body>
</html>

0 commentaires