如何validation以下方案的表单？

我对网络开发比较陌生。 我在我的网站上使用HTML，jQuery和PHP。 我想设计一个表单并以下列方式validation它：

• 一个简单的网页，有输入框 – 连续2行，10行。 即key = value | 一个“键”输入框和一个“值”输入框

• 在此表单下方，应该有一个“提交”按钮

• “提交”按钮的操作应该是生成url，例如www.abc.com/samplephp?key1=value1&key2=value2&……&key10=value10

• Key =值仅在不为null时才附加

• 当url形成并提交时，php脚本应该处理所有传入的GET参数并将它们保存在表中的DB中

任何人都可以帮助我以这种方式创建表单并使用jQuery根据给定的要求validation它吗？ 我面临的主要问题是命名文本字段名称并在jQuery中访问它们。 我完全搞砸了这个任务。 请帮我满足以上四个条件。 我会对自己做第五个要求。 提前致谢。

Answer 1

试试吧，

PHP

HTML

脚本

 $(function(){ $('#btnSubmit').on('click',function(){ var qs=[]; $('input[name="key[]"]').each(function(index){ k=$(this).val(); v=$('input[name="value[]"]:eq('+index+')').val(); if(k && v){// only for non-empty key value pair qs.push(k+'='+v); } }); alert(qs.join('&')); return false; }); }); 

小提琴 http://jsfiddle.net/PdkSd/1

Answer 2

试试这个。

 var Keyvalues = ""; $("input[type=text]").each(function(){ if($.trim($(this).val()) != ""){ Keyvalues = Keyvalues + $(this).attr("id") + "=" + $(this).val() + "&"; } }); Keyvalues = Keyvalues.substring(0, Keyvalues.length - 1); alert(Keyvalues);