为动态创建的文本框添加验证

Add Validation to dynamically created text boxes JavaScript PHP

本文关键字：添加 验证 文本 动态 创建      更新时间：2023-09-26

我在Jquery中创建基于用户输入的动态文本框。现在我想在Php或JavaScript中验证这些动态文本框，以便空值不会进入我的数据库。我尝试了很多，但仍然如果我留下空白的文本框空值进入数据库。我不知道问题出在哪里。

下面是我的代码…

(JavaScript) 

var p_number = $("#p_number").val();
var quantity = $("#quantity").val();
if(p_number!="" && quantity!=""){
         var x = 0;
        $("#btn").hide();
        $("#p_number").hide();
        $("#quantity").hide();
        //alert("hello");
        for(var i=0;i<quantity;i++){
        $("#contact-form").append('<div class="control-group"><input type="text" class="form-control" name="mytext[]" style="float:left; margin-top:25px; width: 40%;height: 40px; margin-left: 260px;"/></div>');  
        x++;
       if(x==6) break;      
    }
    $("#contact-form").append('<input type="submit" class="btn btn-theme" name="p_submit" id="btn_package" value="Add Package"  style="float:left; margin-left:-260px; margin-top:80px;"/>');

   return false;   

}

(PHP) 

if(isset($_POST['mytext'])){
    //$hall_id = $_SESSION['hall_id'];
    $hall_id = 7;
    $package_id = $_POST['p_number'];
    if($_POST['mytext'] == ''){
        $error = "Error";
    }
    else{
    $i=0;
    foreach($_POST["mytext"] as $key => $text_field){
        $capture_field_vals[$i] = $text_field;
        $i++;
        //echo $text_field;

    $food_items = $capture_field_vals[$itr];

    $query = mysql_query("INSERT INTO shaadi_hall_package (id, hall_id, package_id, food_item) VALUES ('', '$hall_id', '$package_id', '$food_items')") or die (mysql_error());
   $itr++;
    }
}
if($query){
       $message = "<span class='success'>Information Added Successfully!! </span>";
}
else{
       $error = "<span class='error'>OOPS!! An Error occured. Try Again</span>";
}

}

请帮帮我。提前感谢。

foreach ( $_POST['mytext'] as $key => $val ) {
    // ignore any empty values
    if ( $val == '' ) {
        $error = 'ERROR';
        continue;
    }
    // do something with $val here
}
if ( $error ) {
    // output error message here
} else {
    // output a happy message here :)
}
相关文章：