- Get link
- X
- Other Apps
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sim Number Verification</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 50px;
}
label {
display: block;
margin-bottom: 10px;
}
input {
padding: 5px;
font-size: 14px;
}
select {
padding: 5px;
font-size: 14px;
margin-top: 10px;
}
button {
padding: 10px 20px;
font-size: 16px;
background-color: #4285f4;
color: #fff;
border: none;
cursor: pointer;
margin-top: 10px;
}
</style>
</head>
<body>
<h1>Sim Number Verification</h1>
<label for="simNumber">Enter your 11-digit SIM number (starting with 0):</label>
<input type="text" id="simNumber" maxlength="11">
<button onclick="checkSimNumber()">Submit</button>
<div id="sourceList" style="display:none;">
<label for="source">Select your SIM source:</label>
<select id="source">
<option value="jazz">Jazz</option>
<option value="zong">Zong</option>
<option value="telenor">Telenor</option>
<option value="ufone">UFone</option>
</select>
<button onclick="showSuccessMessage()">Submit</button>
</div>
<script>
function checkSimNumber() {
var simNumber = document.getElementById("simNumber").value;
if (simNumber.length === 11 && simNumber.charAt(0) === '0') {
document.getElementById("sourceList").style.display = "block";
} else {
alert("Please enter a valid 11-digit SIM number starting with 0.");
}
}
function showSuccessMessage() {
var selectedSource = document.getElementById("source").value;
alert("You have successfully received your SIM from " + selectedSource + "!");
setTimeout(function() {
alert("Thank you for submitting. You have successfully received your SIM!");
}, 5000);
}
</script>
</body>
</html>
- Get link
- X
- Other Apps
Comments
Post a Comment