Question

我是网络开发的新手。我在我的网站上使用HTML，jQuery和PHP。首先，我想设计一个表单并使用jQuery以下面的方式验证它，然后生成一个URL并将其用作表单的动作：

一个简单的网页，有一个输入框 - 连续2行，10行。即key = value | “钥匙”和“钥匙”的一个输入框一个'价值'
在此表单下方，应该有一个“提交”按钮
提交按钮的操作应该是生成网址，如www.abc.com/samplephp?key1=value1&key2=value2&......&key10=value10
Key =值只应附加，如果不为null
当形成并提交网址时，php脚本应处理所有传入的GET参数并将其保存在表格的数据库中

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

Answer 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
}

Answer 2

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

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

Answer 3

有一个jQuery插件可以验证你的表单：）

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

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

如何创建（HTML设计）并使用jQuery验证表单以用于以下场景？

3 个答案: