【问题标题】:Parsley.js - Password Validation doesnt submitParsley.js - 密码验证不提交
【发布时间】:2014-01-24 07:03:00
【问题描述】:

我对 parsley.js 有疑问。每次我点击提交按钮它不做任何事情。 有谁知道这个的解决方案吗?

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Registrierung</title>

<link href="bootstrap-combined.min.css" rel="stylesheet"/>   
<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/bootstrap-3.0.3.min.js"></script>
<script src="js/parsley.min.js"></script>
<script src="js/parsley.messages.de.js"></script>

</head>
<body class="body">

<?php
$fpw="";
?>
<div class="container">
<div class="offset4">
<div>
<h1>Registrierung</h1>
<?php if($fpw == true) echo '<div class="error" Passwörter stimmen nicht überein!<br></div>'; ?>
<form method="post" action="aregistrierung.php" data-validate="parsley">

<label for="passwort1" class="labbel">Passwort</label>
<input id="passwort1" name="passwort1" type="password" data-type="password" data-required="true" placeholder="Passwort" />

<label for="passwort2" class="labbel">Passwort bestätigen</label>
<input id="passwort2" name="passwort2" type="password" data-type="password" data-required="true" placeholder="Passwort" data-equalto="#passwort1" data-equalto-message="Passwort stimmt nicht überein"/>

<br><br>
<input name="registrieren" type="submit" value="Registrieren" class="btn btn-large btn-success"/>

</form>
</div>
</div>
</div>

</body>
</html>

我将整个文件编辑到其中;我也用“sadfgkfe.php”之类的假链接对其进行了测试,它没有给我“未找到”错误。

【问题讨论】:

  • 可以发registrierung.php的内容吗?
  • 什么是data-validate
  • 在@Paul 帖子中编辑了整个文件; data-validate 触发 parsley 数据验证(而不是 HTML5 验证)
  • 您的error console 有错误吗? ggnome.com/wiki/Using_The_Browser_Error_Console
  • firebug 说:class="parsley-validated parsley-error"(在两个密码输入中,而不是:class="parsley-validated parsley-success")但我不知道它是什么原因造成的。 @保罗

标签: javascript php validation passwords parsley.js


【解决方案1】:

正如@Doodlebot 所说,在表单上使用parsley-validate

删除data-type="password" - parsley 没有密码验证。

data- 前缀更改为parsley-

Here is a sample fiddle.

【讨论】:

  • 当我使用你的小提琴时,欧芹不做任何事情......事实上,它验证的唯一方法是当我使用 data-validation="parsley" 时(密码除外);我的小提琴样本jsfiddle.net/53RWg/2
  • 好吧,我能说什么,我运行我的小提琴,我输入了两个不同的密码,按下“Registrieren”按钮,我收到消息“Passwort stimmt nicht überein”。我正在使用 Chrome,但我不明白为什么它不适合你。 有其他人尝试过小提琴吗?
  • 要求您提供完整的文件夹并上传到某个地方(Dropbox、谷歌、..)会不会太过分了?不是我不相信你,我只是找不到问题……
  • 这是您的“固定”小提琴:jsfiddle.net/53RWg/3 您需要 jQuery 作为框架。您需要 Parsley.js 作为资源。您需要删除 data-type="password" 子句。我将命名空间设置为 data-parsley-,它应该是 HTML5 兼容的。
  • 天哪,我的 parsley.js 已损坏/无法正常工作...我感到很惭愧,谢谢您的帮助!
【解决方案2】:

尝试将表单属性 data-validate="parsley" 替换为 parsley-validate 并将 data-required="true" 替换为 required。

【讨论】:

  • 做到了,但 parsley 没有验证(HTML5 验证)
猜你喜欢
  • 2015-12-11
  • 1970-01-01
  • 1970-01-01
  • 2023-03-30
  • 2014-11-15
  • 2018-02-14
  • 1970-01-01
  • 2014-02-12
  • 2020-08-27
相关资源
最近更新 更多