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/>")
))
}
}
});
です。モバイルで重複をチェックしない。
こんにちはAmit、実装する方法の例や考え方を教えてください –