フォームフィールドが空白の場合、エラーメッセージが表示され、フォームは送信されません。

Question

Apiを作成しようとしています。フォームを送信しようとしています。フォームが提出され、フォーム提出後の応答メッセージはOKですが、フォームが空白の場合はこのフォームを検証しようとしています。フォームが送信されず、検証メッセージが表示されます。その後、

if($value == ""){$value_err = "This field is required"}; 

入力を必要とするコンテンツの横に赤のスパンで$ value_errを持っている：

<?php 
    require('../../../../wp-blog-header.php'); 
    header("HTTP/1.1 200 OK"); 
    global $wpdb; 
    global $serverUrl; 
    global $current_user; 
    $id =isset($_REQUEST['store_id']) ? $_REQUEST['store_id'] : ''; 
    $user_id =isset($_REQUEST['user_id']) ? $_REQUEST['user_id'] : ''; 
    $unit_data = isset($_REQUEST['unit_data']) ? $_REQUEST['unit_data'] : ''; 
    $product = isset($_REQUEST['product']) ? $_REQUEST['product'] : ''; 
    $checked_by = isset($_REQUEST['checked_by']) ? $_REQUEST['checked_by'] : ''; 
    $username = isset($_POST['username']) ? $_POST['username'] : ''; 
    $option = "signup"; 

    $data = array( 
      'store_id' =>$id, 
     'user_id' =>$uid, 
     'unit_data' =>$unit_data, 
      'category_name'=>'delivery_form', 
      'checked_by'=>$checked_by, 
      'product' =>$product, 
      'suppliers'=>$suppliers, 
      'username' =>$username, 
     ); 
    $insert=$wpdb->insert('diary_user_form_storage', $data); 
      echo json_encode(
       array(
        "status" => "1", 
        'user_id' => $user->ID, 
            'message' => 'Data submitted', 
        "token" => $token,  
        'token' => $token.$device_id.$device_type, 
        'serverUrl' => $serverUrl, 
     $data = array( 
      'store_id' =>$id, 
     'user_id' =>$uid, 
     'unit_data' =>$unit_data, 
      'product' =>$product, 
      'suppliers'=>$suppliers, 
      'checked_by'=>$checked_by, 
      'username' =>$username, 
      'option'=>$option 
     ) 
     )); 
     exit(); 



?> 

Answer 1

あなたはPHP、シンプルに固執します。また、同じ練習を使用することができます：

$if(value_err == ""){ 
//Submit Values to Database 
} 
else{ 
//Don't 
} 

値を送信するかどうか。 また、あなたが検証する必要があなたの入力の一つにonBlurイベントを使用して動的にそれをチェックするためにJavaScriptを使用することができ、その後、

function checkEmpty(id, idErr){ 

var z = document.getElementById("myForm"); 
z.addEventListener("blur", checkEmpty, true); 

var x = document.getElementById(id); 
var y = document.getElementById(idErr); 
if(x.value == ""){ 
//If direct value 
y.value = "This field is required."; 
//If inside a span as PHP example above 
//y.innerHTML = "This field is required."; 
    } 
}