对文本字段的验证

我有一个名为name的文本区域的表单，即使所有下拉列表都是导航，我似乎无法验证此字段，但我尝试了很多不同的组合，但仍然无法工作，我错过了什么吗？对文本字段的验证

<script type="text/javascript"> 
function validate_form() { 


    if (document.form.title.selectedIndex == 0) 
    { 
     alert ("Please Select Title."); 
     return false; 
    } 
    if (document.form.time.selectedIndex == 0) 
    { 
     alert ("Please Select Time."); 
     return false; 
    } 
    if (document.form.membership.selectedIndex == 0) 
    { 
     alert ("Please Select Membership."); 
     return false; 
    } 
    if (document.form.name.length < 1) 
    { 
     alert ("Please Enter Name"); 
     return false; 
    } 
} 

</script>

来源

2012-01-09 Dan McCready

你有没有尝试过的jQuery提供了一个验证模块？ – 2012-01-09 14:45:31

尝试document.forms[0].title.selectedIndex

来源

2012-01-09 11:50:19 Headshota

优秀的document.forms [0] .title.selectedIndex作品，非常感谢 – 2012-01-09 11:55:17

不要忘记标记为接受;） – Headshota 2012-01-09 11:56:32

使用document.form.name.value.length代替。

来源

2012-01-09 11:53:14

请注意，然而，名称是一个坏ID，因为它*可能*是一个保留字，不知道。 – 2012-01-09 11:54:19

通常情况下，检查是否是textarea或输入值的长度。

if(field.value.length) { 

}

贝娄代码，也许你需要它。

<form id="myform" method='post' onsubmit="return validate(this)"> 
    <select name="select1"> 
     <option value="">--</option> 
     <option value="val11"> Option </option> 
     <option value="val12"> Option </option> 
    </select> 

    <select name="select2"> 
     <option value="">--</option> 
     <option value="val21"> Option </option> 
     <option value="val22"> Option </option> 
    </select> 
    <select name="select3" > 
     <option value="">--</option> 
     <option value="val31"> Option </option> 
     <option value="val32"> Option </option> 

    </select> 

    <textarea name='description'> </textarea> 
    <input type="submit"/> 

</form>

和脚本这样的：

var validate = function(form) { 
    // argument is a form from which function was called 

    // Collect elements to an array which will be validated. 
    var inputs = [].concat.apply(
     [].concat.apply([], form.getElementsByTagName("select")), 
     form.getElementsByTagName("textarea")         
    ); 


    for(var i = 0, l = inputs.length, input; input = inputs[i], i < l; i++) { 

     if(!input.value ) { 
      //In case when some select don't have a value, or empty string is provided  alert(input.name); 
      // Message will be showed 
      alert("Field " + input.name + " cannot be empty!"); 
      return false; // return false, form will not submitted 
     } 
    }; 
    return true; // if all of selects have a properly value; 
};

演示上http://jsfiddle.net/4hBuF/

来源

2012-01-09 12:04:33 abuduba

对文本字段的验证

回答

相关问题