Javascript表单无法识别验证

时间:2017-10-22 06:25:27

标签: javascript html

我有这段代码(我删除了一些不必要的代码),但每当我点击提交表单时,它都会跳过验证并将信息发送到网站并在那里显示。我试图让它来验证我先拥有的空间,并在它到达之前显示警报。有点卡住了,看了所有的可能性,所以任何帮助都会很好。我没有在'脚本中编码'代码,但请放心。

https://gist.github.com/anonymous/7d7c935add71abb0b36870d9a68e7240

由于

https://jsfiddle.net/fero6np0/

function(){}

2 个答案:

答案 0 :(得分:0)

你有一个错误:

26: object = validated;

如果validated为false,则object为false。

答案 1 :(得分:0)

请改为尝试:

JAVASCRIPT:

function error(mess){
  alert(mess);
  return false;
}
function validateForm(){
  var object;
  validated = true;

  if(document.getElementById('fname').value == ""){
    return error("Please fill in all fields.");
  }
  if(document.getElementById('lname').value == ""){
    return error("Please fill in all fields.");
  }
  return true
}


Checkbox is on your charge.

HTML:
<form onsubmit="return validateForm();" method="POST" action=".">
<p>
  *First Name:<input type="text" id="fname" name="fname">
</p>
<p>
  *Last Name: <input type="text" id="lname" name="lname">
</p>
<p>
Do you agree for your information to be used as per our Privacy Policy?<br/>
*Agree: <input type="checkbox" name="privacy" id="privacy">
</p>
<p>
  <input type="button" onclick="reset()" value="Reset form">
  <input type="submit" value="Submit">
</p>
</form>

请注意ID。