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

Make clean form submitted urls using Javascript

本文关键字：表单提交 url Javascript 创建 使用      更新时间：2023-09-26

我想创建一个url的形式为domain.com/?product=value1&product2=value2.....

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

我想避免domain.com/?product=&product2=abs&product3=&product4=

<<p> 我的形式/strong> 
    <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>

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

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

您可以尝试这样做，但请记住，如果该人取消提交，您的表单将无法像预期的那样工作(除非您开发一种方法来重申name属性)…

document.getElementsByTagName('form')[0].onsubmit = function(event) {
   var inputs = this.getElementsByTagName('input');
   for (var i = 0, inputsLength = inputs.length; i < inputsLength; i++) {
       if (inputs[i].value === '') {
           inputs[i].setAttribute('name', '');
       }
   }
   return true;
}

或者，在您的PHP文件中，删除空白GET参数并将Location头发送到干净的URL。

您可以检查空文本框验证

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

创建另一个表单怎么样?

1。按提交按钮创建表单

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

中

3.提交

相关文章：