Javascript 不验证表单中的密码

Question

您好，我在网上浏览了一下，我知道有人提出了类似的问题，但是，我无法找到适合我的问题的解决方案。我需要此代码进行密码验证，问题是我没有直接使用 <input>因此我一直无法弄清楚如何实现 JS。

这是 HTML(它是使用 ruby​​-on-rails 实现的，这是我可以看到的所有“HTML”方面(完整代码在下面的 fiddle 中))

<form accept-charset='utf-8' method='post' name="form" action='register'  class="registerform" onsubmit="return validate_form()">
<h3 class="registernospace">Contact Information</h3>
<table>
   <tbody>
      <tr><td class="registerrowspace" colspan="2">The Password must be at least 6 characters  long and should contain a mixture of lower case letters, upper case letters, and numbers.<br  />The Confirm Password must match the Password.</td></tr>
      <tr><th class="registerrowspace">Password</th><td id="password1" class="registerrowspace"><%= field('password') %></td></tr>
      <tr><th class="registerrowspace">Confirm Password</th><td id="password2" class="registerrowspace"><%= field('password') %></td></tr>
      <tr><th class="registerrowspace">Date of Birth</th><td class="registerrowspace">
   </tbody>
</table>

<% end %>
<input type='hidden' name='register_submitted' value='yes'/>
<p><input type='submit' class="button" value='Register Now' /></p>
</form>

我尝试过实现一些JS(但由于不熟悉该语言，我无法让它工作，但我试图做这样的事情:

<script type="text/javascript">
  function validate_form()
  {
  var passw = document.getElementById('password1').value;
  if(passw.value.length < 6 ) {
    alert("Error: Password must contain at least six characters!");
    form.password.focus();
    return false;
  }
  return true;
  }
</script>

所以我希望它能够验证并在其为空、< 6 个字符且不包含大写字母和数字时发出消息。尽管我知道我没有在代码中引入后者，但我什至无法让 <6 工作。

我还有其他验证(默认情况下构建的有效)，您可以看到完整的:

Fiddle code

Live Website

Answer 1

if(passw.value.length < 6 ) {

应该是

if(passw.length < 6 ) {

因为你已经得到了它的值(value)

var passw = document.getElementById('password1').value;

更新:

password1是 <td> id 不属于密码字段
我只是检查你的链接，它给出了错误passw is undefined in console ，您的密码字段id是password-input-0 ，所以使用

var passw = document.getElementById('password-input-0').value;