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

如果您只想进行客户端验证，可以使用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>

Answer 2

我发现使用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;
    }

验证提交类

2 个答案: