2016-05-12 6 views
1

私は妥当性検査で単純なものを作成しています。私はファーストネーム、Mobileno、都市、電子メールのようなフィールドを持っており、さらにオプション(選択)を追加します。PHP - 検証でPHPを使用した選択に基づいて複数のフォームフィールドを作成するにはどうすればいいですか

私は妥当性検査を行う必要があり、モバイルが存在しない場合は、エラーメッセージを投げる必要があります。どのように私は検証を置くことができます。

<html> 
<head> 
<title>Show Multiple Form Using Drop down Option - Demo Preview</title> 
<meta name="robots" content="noindex, nofollow" /> 
<!-- importing font family from google fonts --> 
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'> 
<link rel="stylesheet" href="multipleform.css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="js/multipleform.js"></script> 
</head> 
<body> 
<div class ="container"> 
<h2>Dynamically Created Form Fields Based On Selection</h2> 
<div id="selected_form_code"> 
<select id="select_btn"> 
<option value="0">--Select No Of Form to Display for Registration--</option> 
<option value="1">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
<option value="4">Four</option> 
<option value="5">Five</option> 
</select> 
</div> 
    <div id="form1">  
     <form id="form_submit" action="#" method="post"> 
     <!-- dynamic Registration Form Fields Creates here--> 
     </form> 
    </div> 
<!------ right side advertisement div -----------------> 

</div> 
</body> 
</html> 

私のJSファイルは、モバイルノーと電子メールIDの検証を置くためにどのようにここに

$(document).ready(function(){ 

    $('select#select_btn').change(function(){ 

    var sel_value = $('option:selected').val(); 
    if(sel_value==0) 
    { 
     //Resetting Form 
     $("#form_submit").empty(); 
     $("#form1").css({'display':'none'}); 
    } 
    else{ 
     //Resetting Form 
     $("#form_submit").empty(); 

     //Below Function Creates Input Fields Dynamically 
     create(sel_value); 

     //appending submit button to form 
     $("#form_submit").append(
     $("<input/>",{type:'submit', value:'Register'}) 
     ) 
     } 
    }); 

function create(sel_value){ 
    for(var i=1;i<=sel_value;i++) 
     { 
     $("div#form1").slideDown('slow'); 

     $("div#form1").append(
     $("#form_submit").append(
     $("<div/>",{id:'head'}).append(
     $("<h3/>").text("Registration Form"+i)), 
     $("<input/>", {type:'text', placeholder:'Name'+i, name:'name_'+i}), 
     $("<br/>"), 
     $("<input/>", {type:'text', placeholder:'Email'+i, name:'email_'+i}), 
     $("<br/>"), 
     $("<textarea/>", {placeholder:'Mobile'+i, type:'text', name:'Mobile'+i}), 
     $("<br/>"),  
     $("<hr/>"), 
     $("<br/>") 
        )) 
     } 

    } 


}); 

です。モバイルで重複をチェックしない。

答えて

0

フォームに複数のフィールドを作成できる場合。あなたはjのクエリを使用して書くことができますし、適切な書式で任意のファイルを追加することもできます。

+0

こんにちはAmit、実装する方法の例や考え方を教えてください –

関連する問題