Question

有没有办法计算单个页面中的输入数量？

如果页面有5个输入，则会出现一个保存按钮 - 如果页面上没有输入，则不会出现保存按钮。我该怎么做？

我有这个，但我不认为这是对的

<script>
var x = 0;
var ins = 0;
$(':input').each(function(){
    x++;
});
ins = x;

并将ins变量传递给php，如

<?php echo '<script>ins</script>';?>

但它没有回应什么？是正确的代码

Answer 1

我不确定你是否真的需要在php中回显JavaScript，因为你可以在第一行确定计数，但你不能在没有ajax的情况下将javascript传递给php。这是一个基本的例子：

<强>的index.php

<input type="text" name="name1" value="1111974167" />
<input type="text" name="name2" value="1392666449" />
<input type="text" name="name3" value="1329903177" />
<input type="text" name="name4" value="913532785" />

<script>
$(document).ready(function() {
    // Get the count of the inputs found
    var x = $('input').length;
    // Pass the count to php
    $.ajax({
        url: '/count.php',
        data: {
            "count": x
        },
        type: 'post',
        // This is what happens with the ajax returns from count.php
        success: function(response) {
            alert(response);
        }
    });
});
</script>

<强> /count.php

<?php
if(!empty($_POST['count'])) {
    $count  =   $_POST['count'];
    die('The count is: '.$count);
}

您会收到一个警告对话框，上面写着：

计数是：4

Answer 2

两行代码就足够了。如果您没有任何输入字段，提交按钮将自动隐藏。

＆＃13;

var inputs = document.querySelectorAll('input');
console.log(inputs);
alert(inputs.length);
if(inputs.length==0)
{
	document.querySelector('#button').style.display = 'none';
}

＆＃13;

<input type="text" name="name1" value="1111974167" />
<input type="text" name="name2" value="1392666449" />
<input type="text" name="name3" value="1329903177" />
<input type="text" name="name4" value="913532785" />
<button id="button">submit</button>

＆＃13;

＆＃13; JS小提琴： https://jsfiddle.net/njv5e8yc/1/

计算页面中的输入数量

2 个答案: