验证字段,选择或复选框,不带表单标记

时间:2012-01-10 22:32:29

标签: jquery asp.net forms validation input

美好的一天,

我发现了很多关于此的话题,但是没有正确的答案。

许多主题以问题为何您无法添加表单?

我正在开发一个基于ASP.NET的项目,我有一个表单标记,一个包含其中所有html代码的表单标记。

我不能使用任何ASP.NET控件,必须通过前端(jQuery)进行验证。

当只有一个表单和一个提交按钮时,一切都很好,然后我可以使用简单的查询验证插件,但是当我有多个表单,当然还有多个提交按钮时,它会变得复杂。

例如:

<html>
<head></head>
<body>
<form method="post" action="" id="form123">

<div id="wrapper">

<div id="form1">
<input id="field1 "type="text" />
<input id="submit1" type="submit" value="submit" />
</div>

<div id="form2">
<input id="field2" type="text" />
<input id="submit2" type="submit" value="submit" />
</div>

</div>

<form>
</body>
</html>

任何建议,想法或实例如何做到这一点?

也许我可以以某种方式将每个字段并在div中提交按钮并通过在该div中提交来验证它们?

谢谢!

1 个答案:

答案 0 :(得分:1)

对需要单独验证的元素使用特定的类或ID。

所以它最终会看起来像:

<form>

    <input id="myFirstField" />

    <button id="myFirstButton">First Button</button>

    <input id="mySecondField" />

    <button id="mySecondButton">Second Button</button>

</form>

然后使用您的验证插件,您可以执行以下操作:

$('#myFirstButton')click(function(){

     $('#myFirstField').validate("whatever");

});

做有条件的事等等