【发布时间】:2016-06-16 07:05:09
【问题描述】:
我已经创建了带有选择选项的表单。根据选择,我显示和隐藏表单字段.... 如何验证手机号码。如果用户再次输入相同的手机号码,则抛出错误消息。如何找到移动复制条目
$(document).ready(function() {
$('#hidden-div').hide();
$("#select_btn").change(function() {
toggleFields();
});
});
function toggleFields() {
var selectVal = $("#select_btn").val();
if (selectVal <= 5) {
$hiddenHtml = $('#hidden-div').clone().html();
$("#refer").html('');
for (var i = 0; i < selectVal; i++) {
$("#refer").append($hiddenHtml);
}
}
}
function InvalidMsg(textbox) {
if(textbox.validity.patternMismatch){
textbox.setCustomValidity('please enter valid mobile number');
}
else {
textbox.setCustomValidity('');
}
return true;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<html>
<head>
<title> Demo </title>
<meta name="robots" content="noindex, nofollow" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id ="refer-form" name="refer-form" method="post" >
<p>No of Referrer:
<select id="select_btn" onchange="toggleFields();">
<option value="0">--Select--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div id="hidden-div">
<div id="text">Referrer</div>
<p>Name:
<input type="text" name="name[]" class="name"/>
</p>
<p>Mobile:
<input type="text" name="mobile[]" class="mobile" oninvalid="InvalidMsg(this);" />
</p>
<p>Email:
<input type="text" name="email[]" />
</p>
</div>
<div id="refer">
</div>
<p align="center">
<input type="submit" value="Submit" />
</p>
</form>
【问题讨论】:
标签: javascript php jquery html forms