PHPでライブ検証

Question

私はテーブルを持って、私は情報を追加または更新する2つのボタンを追加しました。

私は "記述"フィールドで妥当性検査を行いたいと思います。**あなたは文字を書くことができ、255文字未満です。 「名前」フィールドでは、50文字未満しか書き込めません。いずれにしても、私は「SAVE」または「ADD」ボタンをクリックすることはできません（すべてが正しい限り、ボタンはロックされています）。 また、ページには、各フィールドのエラーを（実際にはボタンをクリックする前に）表示する必要があります。

<?php include('connect.php'); 
    $error=""; 

    if(isset($_POST['btnsave'])) 
    { 
     $career_id=$_POST['carrera']; 
     $name=$_POST['txtname']; 
     $description=$_POST['txtdescription']; 
     $hourss=$_POST['txthours']; 


     if($_POST['txtid']=="0") 
     { 

      $a_sql=mysql_query("INSERT INTO subjects VALUES('','$career_id','$name','$description','$hourss')"); 
      if($a_sql) 
      { 

       header("location:index.php");// 

      } 


     }else{ 

      echo "Update"; 
     } 

    } 

    $sqlm = mysql_query("SELECT * FROM careers"); 
    $options = ""; 
     while($result = mysql_fetch_array($sqlm)){ 
    $options .= "<option value='".$result['id']."'>".$result['name']."</option>"; 
} 


?> 

      <h2 align="center">ADD NEW SUBJECT</h2> 
      <form method="Post"> 
       <table align="center"> 
        <tr>  
         <td>Career:</td> 
        <td><select name='carrera'><?php echo $options; ?></select><input type="hidden" name="txtid" value="0" /></td> 
        </tr> 
        <tr>  
         <td>Name:</td> 
         <td><input type='text' name='txtname'/></td> 

        </tr> 
        <tr>  
         <td>Description:</td> 
         <td><input type='text' name='txtdesription'/></td> 

        </tr> 
        <tr>  
         <td>Hours:</td> 
         <td> 
         <select name='txthours'/> 
          <option <?php if($hourss=='1') echo 'selected' ; ?> value="2">2 (two)</option> 
          <option <?php if($hourss=='1') echo 'selected' ; ?> value="4">4 (our)</option> 
          <option <?php if($hourss=='1') echo 'selected' ; ?> value="6">6 (six)</option> 
          <option <?php if($hourss=='1') echo 'selected' ; ?> value="8">8 (eight)</option> 
          <option <?php if($hourss=='1') echo 'selected' ; ?> value="10">10 (ten)</option> 
         </select> 
         </td> 
        </tr> 
        <tr>  
         <td></td> 
         <td><input type='submit' value=save name='btnsave'/></td> 

        </tr> 
       </table> 


      </form> 

そして、別のコードは、テーブル内の情報を更新：テーブルinformationin新しいを追加するとき

ここでは、私のコードです

<?php include('connect.php'); 

    $error=""; 


if(isset($_GET['edit'])) 
{ 
     $ident=$_GET['iden']; 
     $row=mysql_query("SELECT * FROM subjects WHERE id=$ident"); 
     $st_row=mysql_fetch_array($row); 


} 


?> 

      <h2 align="center">UPDATE SUBJECT</h2> 
      <form method="Post" action=''> 
       <table align="center"> 
        <tr>  
         <td>Career:</td> 
         <td><input type='text' name='txtcarreras_id' value="<?PHP echo $st_row['career'] ?>"/></td> 

        </tr> 
        <tr>  
         <td>Name:</td> 
         <td><input type='text' name='txtnombre' value="<?PHP echo $st_row['name'] ?>"/></td> 

        </tr> 
        <tr>  
         <td>Description:</td> 
         <td><input type='text' name='txtdescripcion' value="<?PHP echo $st_row['description'] ?>"/></td> 

        </tr> 
        <tr>  
         <td>Hours:</td> 
         <td><input type='text' name='txtcarga_horaria' value="<?PHP echo $st_row['hours'] ?>"/></td> 

        </tr> 
        <tr>  
         <td></td> 
         <td><input type='submit' value="save" name='btnsave'/></td> 

        </tr> 
       </table> 


      </form> 


<?php 
    if(isset($_POST['btnsave'])) 
    { 
     $career_id=$_POST['txtcarreras_id']; 
     $name=$_POST['txtnombre']; 
     $description=$_POST['txtdescripcion']; 
     $hours=$_POST['txtcarga_horaria']; 

     $a_sql=mysql_query("UPDATE materias SET career='$career_id', name='$name', description='$description', hours='$hours' WHERE id='$ident'"); 
      if($a_sql) 
      { 

       header("location:index.php"); 

      } 


     } 
?> 

私が何をするかわかりませんdo：S

Answer 1

これは実際にはJavascriptの問題であり、PHPの問題ではありません。 PHPはサーバー側で動作します。リアルタイムで検証するには、クライアント側のスクリプトを使用する必要があります。これは通常JavaScriptを意味します。長さは非常に簡単です。入力フィールドにmaxlength="255"を追加してください（名前フィールドなどの代わりに255の代わりに50を使用してください）。

文字のみに制限することはより複雑です。私は通常、すべてのキープレスでフィールドを確認するためにjQueryを使用します - これを行うには、JQuery: detect change in input fieldを参照してください。

[送信]ボタンをブロックするには、disabledプロパティを使用します。詳しくは、What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)を参照してください。

最終的には分かりますが、始める前に時間を節約できる1つのキーは、すべての入力フィールドにidを割り当てることです。 IDは一意でなければなりませんが、ラジオボタン以外のほとんどのフィールドでは、IDと同じ名前を設定できます。次に、$('#id')を使用してjQueryのフィールドを参照します。名前の参照はやや複雑です。