让我们说,我有以下形式的信息:验证复制|克隆输入字段不具有相同的信息
<form name="form_name" id="form_name" method="post">
<div class="form_div_0">
<label>Firstname</label>
<input type="text" name="input_firstname[0]" id="input_firstname[0]" />
<label>Lastname</label>
<input type="text" name="input_lastname[0]" id="input_lastname[0]" />
</div>
<button id="copy_form">Copy form</button>
<input type="submit" value="Submit" />
</form>
复制表单按钮的功能是创建的表单输入作为一个副本例如,如果我两次单击按钮的形式会变成这样:
<form name="form_name" id="form_name" method="post">
<div class="form_div_0">
<label>Firstname</label>
<input type="text" name="input_firstname[0]" id="input_firstname[0]" />
<label>Lastname</label>
<input type="text" name="input_lastname[0]" id="input_lastname[0]" />
</div>
<div class="form_div_1">
<label>Firstname</label>
<input type="text" name="input_firstname[1]" id="input_firstname[1]" />
<label>Lastname</label>
<input type="text" name="input_lastname[1]" id="input_lastname[1]" />
</div>
<div class="form_div_2">
<label>Firstname</label>
<input type="text" name="input_firstname[2]" id="input_firstname[2]" />
<label>Lastname</label>
<input type="text" name="input_lastname[2]" id="input_lastname[2]" />
</div>
<button id="copy_form">Copy form</button>
<input type="submit" value="Submit" />
</form>
正如你可能会注意到,我仅复制div class="form_div_0"
内的输入。
有了这些信息,我需要找到一种方法来验证在这个规则之后的每个输入上输入的值:名字和姓氏在任何时候都不可能相同。
例如:如果我输入姓名=“约翰”姓氏=“Doe的”上由form_div_0
包裹的输入然后我不能有form_div_1
或form_div_2
或form_div_n
相同的值。
我要补充的是,这里的投入仅仅是和示例形式的(这是一个巨大的形式与许多输入和不同类型,如复选框,选项,选择和textarea的)
此外,你可以看到我可以创建N个副本(它将有一个限制,直到20)的输入。
您知道一种验证方法吗?有没有解决方法或库?有什么建议?
只要输入失去焦点(意味着用户停止输入)或提交,就可以进行验证,但我更喜欢第一选择,否则用户可能正在输入所有数据,并且我希望它们停止如果有任何这些问题发生。
你可以用jQuery做到这一点...?! – Alex
@Alex当然,jQuery被接受在这里其实我很想使用它,希望有一个图书馆,我想念它... – ReynierPM
jquery是一个库。你可以使用它来满足你的需求。此外,还有表单验证,一个用于jquery的插件/扩展。 – Alex