JavaScript Run a JavaScript function based off of PHP validation and form submit javascript function based classes,javascript function based on id,javascript

I already have a php validation and form setup with PHP. So if someone forgets a username, the validation will add to the errors array and display it on the page when submitted. Now, instead of displaying some text for the error (Username can't be blank) I just want the input box highlighted in red, which I know needs JavaScript. I am having some trouble running this JavaScript function properly. Below is the code.

JavaScript:

<script type="text/javascript">
function myFunction() {
document.getElementById("usernameformitem").className = "formerror";
}
</script>

PHP:

if (isset($_POST['submit'])) {

$required_fields = array("username");

function validate_presences($required_fields) {
global $errors;

foreach($required_fields as $field) {
    //the $value is now the un/pw without whitespaces 
    $value = trim($_POST[$field]);
    //if the value does not exist/is blank
    if (!has_presence($value)) {
        //remember field is really un or pw
        $errors[$field] = fieldname_as_text($field) . " can't be blank";
        echo "<script>";
        echo "myFunction();";
        echo "</script>";
    }
  }
}


validate_presences($required_fields);

HTML:

<form action="new_user4.php" method="post">
<div id="usernameformitem">
  <p>Username:
    <input type="text" name="username" value="" />
 </p>
 </div>

  <input type="submit" name="submit" value="Create User" />
</form>

Thanks in advance!

Answer:1

make sure the div exists before calling the function, for example echo the script after the div or use

window.onload=function() { if (myFunction) myFunction(); }

FIDDLE

But why even submit the form?

window.onload=function() { 
  document.getElementById("form1").onsubmit=function() {
    if (this.username.value="") {
      myFunction();
      return false; // stop submission
    }
    return true;
  }
  <?PHP if (!has_presence($value)) { ....  ?>
  if (myFunction) myFunction();
  <?PHP } ?>
}

PS: NEVER call a form element name="submit" - it will block you from ever submitting by script

Answer:2

Angular Jasmine's spyOn has no effect on functions in the factory

First I have a Controller like this: login.controller.js: angular.module('app').controller('LoginController', function($scope,UserService,$location) { $scope.submit = function() ...

angular jasmine tutorial
angular jasmine mock service
angular jasmine spyon
angular jasmine run single test
angular jasmine and karma
angular jasmine createspyobj
angular jasmine stub
angular jasmine vs jest
angular jasmine mock input
angular jasmine mock observable
angular jasmine unit test
angular jasmine inject
angular jasmine vs karma
angular jasmine click button
angular jasmine test event emit
angular jasmine inject service
angular jasmine async
angular jasmine @input
angular jasmine test window.location.href
angular jasmine sleep

Application cache manifest not loading in Firefox, ok in Chrome and Safari

I have the following manifest CACHE MANIFEST # cache-revision-29541 # cache-creation-date: Fri Dec 5 11:33:29 GMT 2014 CACHE: app.html NETWORK: * And the following app.html <!DOCTYPE html> &...

application cache manifest
application cache manifest file
application cache manifest example
application cache manifest fetch failed
application cache manifest mvc
app cache manifest
app cache manifest deprecated
app cache manifest file
app cache manifest html5
application cache error manifest fetch failed
html5 application cache manifest rewriting
html5 application cache manifest
html application cache manifest
application cache api manifest selection is deprecated
chrome application cache manifest
check application cache manifest
web app cache manifest

Maintaining sort order using underscore's groupBy()

I have an array of simple objects that looks like the following: var objects =[ { "group": "05", "format": "Legacy", "active": false }, { "group": "05", "...

Meteor.user() doesn’t contain emails field

I am using account-google, I don't know why it doesn't publish emails to the client. From the doc about Meteor.user(): By default the server publishes username, emails, and profile (writable by ...