JavaScript表单验证问题

Question

好吧，所以我觉得我的问题是一个非常简单的问题。 基本上，我已经创建了一个网站，并尝试使用javascript来验证输入，所有这些最初都是一个。 当输入字段留空时，将提示错误，依此类推。 我没有做任何更改，现在没有任何形式的验证发生，它只是忽略了我的JavaScript。 有任何想法吗？

这是Javascript的示例；

function validate(el){
var alphabets="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ ";
var temp;

if (el.Full_Name.value == "") {
     alert("Cannot leave area field blank!");
     return false;
 }
}

for (var i=0;i<el.Full_Name.value.length;i++){
temp=el.Full_Name.value.substring(i,i+1)
if (alphabets.indexOf(temp)==-1){
alert("Sorry, your name contains a " + temp +", which is not allowed.")
return false
   }
  }

这是HTML：

<form name="testform" onSubmit="return validate(testform)">
<table width="650" border="0">

<tr>
 <td width="79" valign="top">
  <label for="Full_Name">Full Name<span class="required_star"> * </span></label>
 </td>
 <td width="289" valign="top">
  <input size="15" type="text" name="Full_Name" id="Full_Name" maxlength="50" value="" />
 </td>
</tr>
<tr>
 <td colspan="4" style="text-align:center">
  <input type="submit" value="Proceed"/>
 </td>
</tr></table>
</form>

Answer 1

您可以加快/简化一些事情：

<form name="testform" onSubmit="return validate(this)">

注意使用'this'-实际上是指表单元素本身...

JS：

 function validate(el) {
if (el.Full_Name.value == "") {
     alert("Cannot leave area field blank!");
     return false;
 }
}

演示： http ： //jsfiddle.net/tv9hntkL/

PS在您的情况下，正确选择器为： (document.testform.Full_Name.value == "")

Answer 2

您访问表单输入错误。

var myForm =  document.forms.<form-name>;
myForm.<input-name>.value; // holds the value of a certain input

将使您能够正确访问该值。