我正在创建带有验证的simple。我有像名字,莫比雷诺,城市,电子邮件这样的字段,并添加更多选项(选择)。
我需要进行验证,如果移动设备不存在,则抛出错误消息。我该如何进行验证。
<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文件在这里
$(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/>")
))
}
}
});
如何验证手机号码和电子邮件id。检查手机是否重复。
如果您可以在表单上创建多个字段。您可以使用jquery编写并附加任何具有适当格式的文件,也可以使用ajax提交表单,而无需在同一页面上加载和获得结果。