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

使用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>

Answer 2

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显示了一个输入元素的验证。只需重复使用它来验证其他元素。

一种验证具有相同名称属性的表单字段的方法

2 个答案: