Ausgabe mit JS Alarm

Question

Ich bin eine einfache Form zu machen, die eine Warnung wird ausgelöst, wenn eine ‚versteckte‘ Feld gefüllt wird, aber ich kann nicht sehen, was ich bin fehlt oder was Syntax Ich habe falsch:

<form method="post" action="http://www.URL/form.php?form=159" id="frmSS159" onsubmit="return CheckForm159(this);"> 
    <input type="text" name="email" value="Email Address" onclick="this.value='';" onBlur="if(this.value=='')this.value='Email Address';" /> 

    <div style="padding: 5px 0;" aria-hidden="true"> 
    <input type="text" name="asdf" tabindex="-1" value="" placeholder="If content, alert error"> 
    </div> 

    <input type="submit" value="Subscribe" /> 
</form> 




    function CheckForm159() { 
    if ($_POST['asdf'] != '') { 
     alert("Please type your email address instead of using a form-filler"); 
    } 
    return true; 
} 

fiddle

Answer 1

Hallo gibt es Fehler im Code ... Sie hinzugefügt $ _POST, die PHP-Syntax in JavaScript ist.

Ihre aktualisierte Code ...

<script> 
    function CheckForm159() { 
     var _curValue = document.getElementById('asdf').value; 

     if (_curValue != '') { 
     alert("Please type your email address instead of using a form-filler"); 
     } 
     return true; 
    } 
</script> 




<form method="post" action="http://www.URL/form.php?form=159" id="frmSS159" onsubmit="return CheckForm159(this);"> 
    <input type="text" name="email" value="Email Address" onclick="this.value='';" onBlur="if(this.value=='')this.value='Email Address';" /> 

    <div style="padding: 5px 0;" aria-hidden="true"> 
    <input type="text" id="asdf" name="asdf" tabindex="-1" value="" placeholder="If content, alert error"> 
    </div> 

    <input type="submit" value="Subscribe" /> 
</form> 

Answer 2

verwenden Sie einfach die onChange Funktion von JQuery. Nachdem die Eingabe geändert wurde, wird eine Warnung angezeigt.

$("input[name=asdf").change(function(){ 
    alert("Input value changed!"); 
});