Cara memvalidasi opsi pilih di html

Question

Dalam tutorial kami sebelumnya, kami telah menjelaskan kepada Anda, cara membuat dan memvalidasi formulir di codeigniter. Di blog ini, kami akan mendemonstrasikan cara membuat dan memvalidasi formulir yang berisi kolom kotak opsi pilihan menggunakan framework CodeIgniter PHP

Table of Contents Show

Bagaimana cara memvalidasi pilih HTML?
Bagaimana Anda menambahkan validasi ke tag pilih di HTML?
Bagaimana cara menambahkan validasi ke DropDownList di HTML?
Bagaimana cara memvalidasi opsi pilih menggunakan JavaScript?

Dalam contoh kami, kami telah membuat bidang pilihan pilihan dalam bentuk dengan nilai yang diambil dari basis data menggunakan untuk setiap loop dan menetapkan aturan validasi untuk bidang

<select name="city">
<option value="none" selected="selected">------------Select City------------</option>
<!-----Displaying fetched cities in options using foreach loop ---->
<?php foreach($students as $student):?>
<option value="<?php echo $student->student_id?>"><?php echo $student->city?></option>
<?php endforeach;?>
</select>

tonton demo langsung kami atau salin tempel kode kami sesuai petunjuk di file baca saya

unduh pilihan bidang_ci. zip dari link di bawah, ekstrak file dan sertakan dalam tampilan, pengontrol, dan direktori model framework codeigniter Anda seperti yang ditampilkan di Read Me. file .txt

-. Lihat juga. -

Validasi Formulir menggunakan CodeIgniter

Masukkan Data menggunakan CodeIgniter

Hapus Data menggunakan CodeIgniter

Perbarui Data menggunakan CodeIgniter

Unduh skrip

LIHAT FILE. pilih_lihat. php

Dalam hal ini, kami mengambil semua alamat dari basis data dan menampilkannya di bidang opsi pilih

<html>
<head>
<title> Create And Validate Select Option Field (using for each loop) In CodeIgniter</title>
<link href='http://fonts.googleapis.com/css?family=Marcellus' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(). "css/select.css" ?>">
</head>
<body>
<div id="container">
<?php echo form_open('select_ctrl/error'); ?>
<h3>Create And Validate Select Option Field (using for each loop) In CodeIgniter</h3>
<?php echo form_label('Student Name :'); ?> <?php echo form_error('dname'); ?>
<?php echo form_input(array('id' => 'dname', 'name' => 'dname')); ?>
<?php echo form_label('Student Email :'); ?> <?php echo form_error('demail'); ?>
<?php echo form_input(array('id' => 'demail', 'name' => 'demail')); ?>
<?php echo form_label('Student City :'); ?><?php echo form_error('city'); ?>
<select name="city">
<option value="none" selected="selected">------------Select City------------</option>
<!----- Displaying fetched cities in options using foreach loop ---->
<?php foreach($students as $student):?>
<option value="<?php echo $student->student_id?>"><?php echo $student->city?></option>
<?php endforeach;?>
</select>
<?php echo form_submit(array('id' => 'submit', 'value' => 'Submit')); ?>
<?php echo form_close(); ?>
</div>
</body>
</html>

_

FILE PENGENDALIAN. pilih_ctrl. php

salin file di bawah ini di direktori pengontrol Anda

<?php
class select_ctrl extends CI_Controller{
function __construct(){
parent::__construct();
$this->load->model('select_model');
}
function index(){
// Loading model to fetch all records from database
$data['students'] = $this->select_model->show_students();
$this->load->view('select_view', $data);
}
// Validation Function
function error(){
$this->load->library('form_validation');
$abcd = $this->input->post('city');
$this->form_validation->set_error_delimiters('<div class="error">', '</div>');
$this->form_validation->set_rules('dname', 'Username', 'required|min_length[5]|max_length[15]');// Validating Name field.
$this->form_validation->set_rules('demail', 'Email', 'required|valid_email'); // Validating Email field.
$this->form_validation->set_rules('city', 'city', 'required|callback_select_validate'); // Validating select option field.
if ($this->form_validation->run() == FALSE) {
$this->index();
} else{
echo "<script>alert('Form Submitted Successfully....!!!! ');</script>";
$this->index();
}
}
// Below function is called for validating select option field.
function select_validate($abcd)
{
// 'none' is the first option that is default "-------Choose City-------"
if($abcd=="none"){
$this->form_validation->set_message('select_validate', 'Please Select Your City.');
return false;
} else{
// User picked something.
return true;
}
}
}
?>

FILE MODEL. pilih_model. php

Buat kelas baru dalam model Anda seperti yang ditunjukkan di bawah ini


<?php
class select_model extends CI_Model{
//function to run select all query from students table
function show_students(){
$query = $this->db->get('students');
$query_result = $query->result();
return $query_result;
}
}
?>

Segmen Kode SQL saya

Untuk membuat database dan tabel, jalankan kode berikut di My SQL Anda

CREATE DATABASE college;
CREATE TABLE students(
student_id int(10) NOT NULL AUTO_INCREMENT,
student_name varchar(255) NOT NULL,
student_email varchar(255) NOT NULL,
student_contact varchar(255) NOT NULL,
student_address varchar(255) NOT NULL,
student_city varchar(255) NOT NULL,
PRIMARY KEY (employee_id)
)

_

FILE CSS. Pilih. css

Menata Elemen HTML

#container{
width:960px;
height:610px;
margin:50px auto
}
.error{
color:red;
font-size:13px;
margin-bottom:-15px
}
form{
width:345px;
padding:0 50px 20px;
background:linear-gradient(#A5FFFF,#FFF);
border:1px solid #ccc;
box-shadow:0 0 5px;
font-family:'Marcellus',serif;
float:left;
margin-top:10px
}
h3{
text-align:center
}
hr{
border:0;
border-bottom:1.5px solid #ccc;
margin-top:-10px;
margin-bottom:30px
}
label{
font-size:17px
}
input,select{
width:100%;
padding:10px;
margin:6px 0 20px;
border:none;
box-shadow:0 0 5px
}
input#submit{
margin-top:20px;
font-size:18px;
background:linear-gradient(#22abe9 5%,#36caf0 100%);
border:1px solid #0F799E;
color:#fff;
font-weight:700;
cursor:pointer;
text-shadow:0 1px 0 #13506D
}
input#submit:hover{
background:linear-gradient(#36caf0 5%,#22abe9 100%)
}

Kesimpulan

Sekarang, Anda dapat membuat dan memvalidasi kolom opsi pilihan Anda sendiri menggunakan framework codeigniter. terus ikuti kami untuk mempelajari lebih lanjut

Bagaimana cara memvalidasi pilih HTML?

Kode HTML default untuk widget Pilihan Validasi, biasanya di dalam formulir, terdiri dari tag span kontainer yang mengelilingi tag pilih dari area teks . Kode HTML untuk widget Pilih Validasi juga menyertakan tag skrip di bagian atas dokumen dan setelah kode HTML widget.

Bagaimana Anda menambahkan validasi ke tag pilih di HTML?

Validasi (Periksa) HTML Pilih DropDownList menggunakan jQuery . Inside the jQuery OnClick event handler, the HTML Select DropDownList object is referenced and if the selected value matches the value of the default item then an error message is displayed using JavaScript alert message box.

Bagaimana cara menambahkan validasi ke DropDownList di HTML?

Anda dapat memvalidasi nilai DropDownList pada pengiriman formulir menggunakan jQuery Validator, dengan menerapkan “ValidationRules” dan “ValidationMessage” ke DropDownList . jquery. mengesahkan. min file skrip harus dirujuk untuk validasi, untuk detail lebih lanjut, lihat di sini.

Bagaimana cara memvalidasi opsi pilih menggunakan JavaScript?

validasi kotak daftar JavaScript Kami akan menampilkan formulir dengan kotak daftar di dalamnya. Setelah formulir dikirimkan atau tombol masukan diklik kita akan menjalankan fungsi data_check() . Di dalam fungsi ini kita akan memeriksa panjang opsi yang dipilih seperti ini. Pertama kita akan menyimpan nilai yang dipilih dalam variabel string.

kode html