类的onsubmit验证

Question

我有一些字段，对于我想要验证的字段，我有一个与之关联的类。现在，在提交表单时，我需要验证字段。有人能告诉我怎么做的语法吗?例如:

<form action="form_action.asp" method="get" onSubmit= "return validateFields()">
  First name: <input type="text" class="abc" name="fname" /><br />
  Last name: <input type="text" class="abc" name="lname" /><br />
 age: <input type="text" class="zzz" name="age" /><br />
  <input type="submit" value="Submit" />
</form>

Answer 1

我发现使用id的

更容易

First name: <input type="text" class="abc" name="fname" id="fnameElem" /><br />

然后你可以用 来验证它是否为空

    if (document.getElementById('fnameElem').value == ''){
        alert('First name cannot be blank');
        return false;
    }

Answer 2

如果你只想要客户端验证，你可以使用Jquery Validate插件:

$("form").validate({
    rules: {
        fname: { required: true },
        lname: { required: true },
        age: { required: true }
    }
});

或者直接放在HTML标记中:

<form action="form_action.asp" method="get" onSubmit= "return validateFields()">
    First name: <input type="text" class="abc required" name="fname" /><br />
    Last name: <input type="text" class="abc required" name="lname" /><br />
    age: <input type="text" class="zzz required" name="age" /><br />
    <input type="submit" value="Submit" />
</form>