Question

我是学生。我试图在PHP文件中进行Jquery表单验证。但我不知道为什么它不起作用。我做了另一个文件，但我没有遇到任何问题。

主要是使用Jquery函数验证strName文本字段，如果text-field为null，则使用显示id为userName的div。

我检查了一切，但我没有弄错。

这是我的代码：

$(document).ready(function() {
  function cancel() {
    location.href = "internalusers.php";
  }

  function validation() {
    valid = true;
    $('#userName').hide('fast');
    // Validation for Name of user.
    if (document.newuserform.strName.value == "") {
      $('#userName').show('fast');
      document.newuserform.strName.style = 'boder:1px solid red;';
      valid = false;
    }
    return valid;
  }
});

.userformfields {
  padding: 10px;
  margin: 3px;
  border: 1px solid #006A9D;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.userformbutton {
  cursor: pointer;
  color: #FFF;
  background-color: #069;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #36C;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 2px 2px 2px #999;
}
.error {
  display: none;
  font-size: 12px;
  padding: 5px;
  margin: 3px;
  background-color: #FF9797;
  color: #B00;
  border: 1px solid #990000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-weight: 100;
}
.erraseuserbutton {
  cursor: pointer;
}

<!doctype html>
<html>

<head>
  <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</head>

<body>
  <div class="iconscontainer">
    <form action="<?php echo $editFormAction; ?>" method="post" name="newuserform" id="newuserform" onSubmit="return validation();">
      <table align="center">
        <tr valign="baseline">
          <td nowrap align="right">Nombre:</td>
          <td>
            <input class="userformfields" type="text" name="strName" value="" size="32">
            <div id="userName" class="error">Debe ingresar un nombre.</div>
          </td>
        </tr>
        <tr valign="baseline">
          <td nowrap align="right">&nbsp;</td>
          <td>
            <input class="userformbutton" type="submit" value="Crear nuevo usuario">
            <input name="cancelbutton" class="userformbutton" type="button" value="Cancelar" onClick="cancel();">
          </td>
        </tr>
      </table>
      <input type="hidden" name="MM_insert" value="newuserform">
    </form>
  </div>
</body>

</html>

请帮忙！

Answer 1

您将代码包装在document.ready方法中，因此验证方法不是全局的。所以你不能调用这个函数。不要将所有代码都包装在document.ready

中

Answer 2

在您的 <Form> 标记中，您可能希望使用onSubmit =“validation（）;”而不是onSubmit =“return validation（）;”

为什么jQuery在PHP文件中不起作用？

2 个答案: