小编Mfu*_*ard的帖子

我有以下表单,我的问题是在不使用普通的js alertBox的情况下实现fadding JQuery Alert消息

Html表格

      <form name="userLogin" action="success.php" onsubmit="validateInputField()" method="post">
         UserName: <input type="text" name="username" placeholder="Username">
         password: <input type="password" name="pwd" placeholder="Password">
         <input type="submit" value="Submit">
      </form>

javaScript代码

<script>
    function validateInputField() {

         var x = document.forms["userLogin"]["username"].value;
         var y = document.forms["userLogin"]["pwd"].value;

         if (x == null || x == "") {

         alert("Name must be filled out");

    return false;
    }
          if (y == null || y == "") {

         alert("Password must be filled out");

    return false;
    }
}
</script>