使用Javascript创建干净的表单提交URL

我想以domain.com/？product=value1&product2=value2.的形式创建url

有时文本框中可能没有值。如何使用Javascript忽略这些表单元素

我想避免使用

domain.com/？product=&product2=abs&product3=&product4=

我的表格

    <form action="customsearch.php">

    <input type="text" class="textfield" value="" id="product" name="product">
    <input type="text" class="textfield" value="" id="product2" name="product2">
.
.
.    
    <input type="submit" value="Send">

    </form>

.
.
.    

您可以尝试此方法，但请记住，如果此人取消提交，您的表单将无法按预期工作（除非您开发一种方法来重述

名称

属性）

document.getElementsByTagName（'form'）[0]。onsubmit=函数（事件）{
var inputs=this.getElementsByTagName（'input'）；
对于（变量i=0，inputsLength=inputs.length；i

---

可选地，在PHP文件中，删除空白获取参数并发送<代码>位置<代码>标题到干净URL。< /P> < P>您可以检查空文本框验证为

if(document.getElementById("product").value==""){
  // the value is empty.
}else{
  // the value is not empty.
}

---

您可以订阅以下表单的提交事件：

<form action="customsearch.php" onsubmit="return formSubmit();">

---

创建另一个表单怎么样

1.按“提交”按钮创建表单

2.检查输入值。如果不为null，则创建输入元素，然后插入到表单中

---

3.提交

我可以问一下你为什么要这样做吗？我正在尝试创建那些干净的URL，因为如果URL中有很多字段，我使用的脚本会减慢页面速度。另外，请显示你现在正在使用的代码。从问题的声音来看，你已经有了一些只需要稍加调整的东西。你为什么要用GET发送表单呢？大多数时候，这不是一个好主意。Darin你能给我一个完整的代码示例吗？我是JS新手，不知道如何正确使用它。@Mikey，在

部分放置一个

..

标记，其中包含

formSubmit

函数，并将

onsubmit

属性添加到表单中。Darin我对产品后面的数字超过9有一些问题。我的意思是，产品10、产品11、产品12显示在url中，即使它们是空的。。。系统只是忽略了它们。如何解决这个问题？顺便说一下，您可以缩短输入名称。“product1”可以是“p1”。

<form action="customsearch.php" onsubmit="return formSubmit();">

function formSubmit() {
    var product = document.getElementById('product');
    var product2 = document.getElementById('product2');
    if (product.value == '') {
        product.parentNode.removeChild(product);
    }
    if (product2.value == '') {
        product2.parentNode.removeChild(product2);
    }
    return true;
}