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



你好,

我发现了很多关于这方面的话题,但是,没有一个恰当的答案。

许多主题的结尾都是这样的问题:为什么你不能添加表单?

我正在做一个基于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>

如何做到这一点,有什么建议、想法或真实的例子吗?

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

谢谢!

对需要单独验证的元素使用特定的类或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");
});

做有条件的事情等等

最新更新