入力フォームに文字がある場合とない場合でボタンの内容を変更したい

Question

入力フォームに入力がある場合は送信ボタンを、ない場合は閉じるボタンを表示させたいのですが下記のコードでは何も変わりませんでした。phpでは不可能なのでしょうか？javascript等でやるべきですか？

<form name="moform">
  <div>フォーム: <input id="name" name="name">
  <?php if(!empty('name')) { ?>
  <input type="submit" value"送信" class="button">
<?php }else{  ?>
   <input type="submit" value"閉じる" class="button">
 <?php } ?>
  </div>

</form>

Answer 1

<?php if(!empty('name')) { ?>

nameというただの文字列に何の用があるのでしょう。
本来は変数など可変な情報に対して利用するものかと思います。
固定の文字列を入れたところで、empty()はtrueになりません。

empty()の引数はmixedなので多種多様な型（機能による）を受け入れられるので、チェックしたい変数そのものを入れるのが通例です。

Answer 2

empty('name') ← emptyで判定するものは普通は変数なのでempty($name)とかempty($data['name'])とかになります。

Answer 3

id=nameの変更にあわせてsubmitのvalueを変えるだけですか？

window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('#name').addEventListener('input',e=>{
    var flg=e.target.value=="";
    e.target.form.querySelector('[type=submit]').value=flg?"閉じる":"送信";
  });
});

Comments

[yambejp]

submitの見せ方変えても結局送る動作はかわらないので、あまり意味ないかもしれません