如何在以下场景中使用 jQuery 创建（HTML 设计）和验证表单？ [复制]答案

【问题标题】：How to create(HTML design) and validate a form using jQuery for following scenario? [duplicate]如何在以下场景中使用 jQuery 创建（HTML 设计）和验证表单？ [复制]
【发布时间】：2013-09-12 11:56:10
【问题描述】：

我是网络开发的新手。我正在为我的网站使用 HTML、jQuery 和 PHP。首先，我想设计一个表单并使用 jQuery 以下列方式对其进行验证，然后生成一个 URL 并将其用作表单的操作：

一个简单的网页，其中包含输入框 - 一行 2 个和 10 行。即键=值|一个“键”输入框和一个“值”输入框
在此表单下方，应该有一个“提交”按钮
提交按钮的动作应该是生成一个url，如www.abc.com/samplephp?key1=value1&key2=value2&……&key10=value10
Key=Value 只有在不为空时才应附加
形成并提交 url 后，php 脚本应处理所有传入的 GET 参数并将它们保存在 DB 中的表中

谁能帮助我以这种方式创建表单并使用 jQuery 根据给定要求对其进行验证？我面临的主要问题是命名文本字段名称并在 jQuery 中访问它们。我完全搞砸了这项任务。请帮我满足以上四个条件。我会对自己做第五个要求。请注意，在完全验证表单后，应按照要求中的规定制定所述 URL，并应作为表单的操作。提前致谢。

【问题讨论】：

你之前已经问过这个问题了：stackoverflow.com/questions/18763092/…
请不要发帖the same question twice。它使这个网站变得杂乱无章，对那些只想提供帮助的人非常不公平。
另外题外话：“要求代码的问题必须表明对正在解决的问题有最低限度的了解。包括尝试的解决方案，为什么他们没有工作，以及预期的结果。另见：Stack Overflow question checklist"

标签： php jquery html forms validation

【解决方案1】：

在所有文本框上定义一个属性，如下所示

 <input id="key1" type="text" ctrltype="keyval">
 <input id="key2" type="text" ctrltype="keyval">
  .
  .
 <input id="key10" type="text" ctrltype="keyval">
 <input id="Value1" type="text" ctrltype="keyval">
 <input id="Value2" type="text" ctrltype="keyval">
 .
 .
 <input id="Value10" type="text" ctrltype="keyval">

定义一个函数来检查文本框是否为空，如下所示

$("input[ctrltype$='keyval']").focusout() {
 //Do as per your requirement
}

【讨论】：

【解决方案2】：

<input id="key1" type="text" placeholder="key1">

要使用它的 id 访问 Jquery 中的元素，您可以使用 $('#key1'). 后跟 paticualar jquery 函数。虽然我不会真正验证客户端，因为这是一个安全整体。提交表单时进行验证。

【讨论】：

【解决方案3】：

有一个 jQuery 插件可以验证你的表单:)

它是jQuery Validation plugin。很容易实现！

但不要忘记检查你收到的 PHP 文件中的数据，因为客户端可以禁用 JS...

【讨论】：