一種驗證具有相同名稱屬性的表單域的方法

Question

我有以下表單。

<form method="post"> 
<input name="lang[bg]" value="foo"/> 
<input name="lang[en]" value="bar"/> 
<input name="lang[de]" value="baz"/> 
<input type="submit" /> 

我如何可以驗證領域，在這種情況下顯示錯誤？

Answer 1

HTML：

<form method="post" onsubmit="return validate(this);"> 
<input name="lang[bg]" value="foo"/> 
<input name="lang[en]" value="bar"/> 
<input name="lang[de]" value="baz"/> 
<input type="submit" /> 
</form> 

JavaScript的：

function validate(form) { 
    if(form["lang[bg]"].value == "" || form["lang[bg]"].value == null) 
    return false; 
    else return true; 
} 

上面的JavaScript示出了用於一個輸入元件的驗證。只需重新使用它來驗證其他元素。

Answer 2

使用jQuery，你可以做到這一點

<form method="post" name="form1"> 
<input name="lang[bg]" value="foo"/> 
<input name="lang[en]" value="bar"/> 
<input name="lang[de]" value="baz"/> 
<input type="submit" onclick="check();" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
function check(){ 
     var v1 = ($('input[name="lang[bg]"]').val()); 
     var v2 = ($('input[name="lang[en]"]').val()); 
     var v3 = ($('input[name="lang[de]"]').val()); 
    // do stuff with v1 v2 v3 
} 
</script>