ページ内の入力数をカウントする

Question

1ページの入力数を数える方法はありますか？

ページに5つの入力がある場合、保存ボタンが表示され、ページに入力がない場合、保存ボタンは表示されません。私はこれをどのようにして行うのですか？

私はこれを持っているが、私は、これは

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

正しいと思ういけないとイン変数は

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

ようなPHPに渡すが、それは何かをエコーdoesntの？コードが正しくあります

Answer 1

2行のコードで十分です。入力フィールドがない場合、送信ボタンは自動的に非表示になります。

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

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

JSフィドル： https://jsfiddle.net/njv5e8yc/1/

Answer 2

JavaScriptを実際にphpでエコーする必要があるかどうかはわかりませんが、最初の行でカウントを調べることができますが、javascriptをajaxなしで渡すことはできません。ここでは基本的な例である：

/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