Zeigt Fehlermeldung im html-Formular mit php und javascript

Mein html:

<form name="loginForm" method="post" action="login.php" onsubmit="return(validate());" >
    <p><label><b>Username</b></label>
        <input name = "Username" type = "text" maxlength = "30">
    </p>

    <p><label><b>Password</b></label>
        <input name = "Password" type = "text" maxlength = "30">
    </p>
    <p>
        <input type = "submit" value = "Login">
        <input type = "reset" value = "Clear">
        <span class="errorMsg" id="validation"></span>
    </p>
</form>

Mein php-code:

echo " <script type= \'text/javascript\'> 
           document.getElementById('validation').innerHTML = 'Username or Password is Incorrect';
       </script>";

Was ich erreichen will, ist zu zeigen, dass die Fehlermeldung in der Nähe des submit-buttons.

html-und php-codes befinden sich in 2 verschiedenen Dateien.
index.html und login.php beide sind im gleichen Ordner.

InformationsquelleAutor Subash Basnayake | 2015-04-17
  1. 0
    <?php 
$msg="";
//put user name and password validation here
//if login fails set $msg value
//set $msg value
?>
<form name="loginForm" method="post" action="" onsubmit="return validate();" >
            <p><label><b>Username</b></label>
                <input name = "Username" type = "text" maxlength = "30">
            </p>

                <p><label><b>Password</b></label>
                    <input name = "Password" type = "text" maxlength = "30">
                </p>
                <p>
                <input type = "submit" value = "Login">
                <input type = "reset" value = "Clear">
                <?php if($msg!="") { ?>
                <span class="errorMsg" id="validation">Username or Password is Incorrect</span>
                <?php } ?>
            </p>
        </form>
    InformationsquelleAutor Manish Shukla
  2. 0

    Erste, Sie brauchen, um Ihre index-Datei-Erweiterung: von index.html zu index.php zu können, Parsen von php-code.

    Dann an der Spitze der index-Datei statt file inclusion:

    <?php include('login.php');?>

    BTW, brauchen Sie nicht zu tun, mit javascript, kann man auch das echo diese Nachricht direkt in Ihre "Validierung" span, wie diese:

    <span class="errorMsg" id="validation"><?php echo $message;?></span>

    und dann in login.php, die Sie am Anfang der Datei, weisen Sie diesem text in $message variable:

    $message = 'Username or Password is Incorrect';

    InformationsquelleAutor n-dru
  3. 0

    Kann man es lösen ohne javascript sowie:

    Login-Formular: 

    <form name="loginForm" method="post" action="login.php" onsubmit="return(validate());" >
        <p><label><b>Username</b></label>
            <input name = "Username" type = "text" maxlength = "30">
        </p>

            <p><label><b>Password</b></label>
                <input name = "Password" type = "text" maxlength = "30">
            </p>
            <p>
            <input type = "submit" value = "Login">
            <input type = "reset" value = "Clear">
            <?php if (isset($_GET['errorcode']) && $_GET['errorcode'] == "loginFailed") : ?>
                <span class="errorMsg" id="validation">Username or Password is Incorrect</span>
            <?php endif; ?>
        </p>
    </form>

    Und die login.php:

        if(!validateUserPassword()){
       header("Location: index.php?errorcode=loginFailed");
    }

    //TODO: if valide show loginpage.

    function validateUserPassword(){
        if(isset($_POST['Username']) && isset($_POST['Password'])){
            //TODO: validate username & password and return true if valide
            return false;
        }
        return false;
    }
    InformationsquelleAutor Florian D
  4. 0

    Wenn du gehst, um zu verlangen, JavaScript und haben keine Aktion Herbst-wieder, habe einfach die validate () - Funktion behandeln Sie die Antwort selbst. E. g, Nur die Bewertung der Reaktion von PHP.

    JS:

    <script type = "text/javascript">
  function validate() {
    //perform ajax request via your preference
    //...get response
    document.getElementById('validation').innerHTML = 'message based on response...';
    return false
  } </script>

    HTML:

    <form ... onsubmit="validate();">

    InformationsquelleAutor sinious
Schreibe einen Kommentar