Php 如何在codeigniter中使用ajax在mysql数据库中插入数据?
我正在尝试验证我的表单,并使用ajax将数据插入mysql数据库。提交时未进行验证,也未插入数据。我是在codeigniter框架中进行此操作的。我是ajax新手。我不知道哪里出了问题。这是我的代码 视图:Php 如何在codeigniter中使用ajax在mysql数据库中插入数据?,php,jquery,mysql,ajax,codeigniter,Php,Jquery,Mysql,Ajax,Codeigniter,我正在尝试验证我的表单,并使用ajax将数据插入mysql数据库。提交时未进行验证,也未插入数据。我是在codeigniter框架中进行此操作的。我是ajax新手。我不知道哪里出了问题。这是我的代码 视图: <script type="text/javascript"> function validate_name(first_name){ if(first_name.trim() == '' || first_name.length ==
<script type="text/javascript">
function validate_name(first_name){
if(first_name.trim() == '' || first_name.length == 0){
$('.first_name').show();
$('.first_name').text('Please enter your name');
return false;
} else {
$('.first_name').hide();
return true;
}
}
function validate_email(email_id){
var pattern = new RegExp(/^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i);
if(email_id.trim() == '' || email_id.length == 0){
$('.email-id').show();
$('.email-id').text('Please enter email address');
return false;
}else if(!pattern.test(email_id)) {
$('.email-id').show();
$('.email-id').text('Please enter valid email address');
return false;
} else {
$('.email-id').hide();
return true;
}
}
function validate_inquiry_form(first_name,email_id){
var username_validate = validate_name(first_name);
var email_validate = validate_email(email_id);
if(username_validate == true && email_validate == true){
return true;
} else {
return false;
}
}
$('#submit_enquiry').click(function(){
var first_name = $("input[name=first_name]").val();
var last_name = $("input[name=last_name]").val();
var dob = $("input[name=dob]").val();
var gender = $("input[name=gender] :radio:checked").val();
var email_id = $("input[name=email_id]").val();
var password = $("input[name=password]").val();
var address = $("input[name=address]").val();
var phone = $("input[name=phone]").val();
var zipcode = $("input[name=zipcode]").val();
var validate_form = validate_inquiry_form(first_name,email_id);
if(validate_form == true){
$.ajax({
url:'<?php echo base_url(); ?>member/register',
type:'POST',
data:{
first_name : first_name ,last_name : last_name ,dob : dob ,male : male ,female : female , email_id : email_id ,password : password ,phone : phone , address : address , zipcode : zipcode
},
success: function(data) {
console.log(data);
}
});
} else {
return false;
}
return false;
});
</script>
<form id="registration-form">
<div class="register">
<div class="row">
<div class="col1">
<label for="first_name">First Name<span>*</span></label> <br/>
<input type="text" name="first_name"/>
<li class="first_name error"></li>
</div>
<div class="col2">
Last Name<br/>
<input type="text" name="last_name"/>
</div>
</div>
<div class="row">
<div class="col1">
Date Of Birth <br/>
<input type="text" name="dob"/>
</div>
<div class="col2">
Gender
<br/>
<input type="radio" name="gender" value="Male" /> Male
<input type="radio" name="gender" value="Female" /> Female
</div>
</div>
<div class="row">
<div class="col1">
Email<br/>
<input type="text" name="email_id"/>
<li class="email-id error"></li>
</div>
<div class="col2">
Password<br/>
<input type="password" name="password"/>
</div>
</div>
<div class="row">
<div class="col">
Address<br/>
<textarea name="address" rows="2" ></textarea>
</div>
</div>
<div class="row">
<div class="col1">
Zipcode<br/>
<input type="text" name="zipcode"/>
</div>
<div class="col2">
Phone<br/>
<input type="text" name="phone"/>
</div>
</div>
<div class="row">
<div class="col3">
<input class="" type="button" id="submit_enquiry" name="submit_enquiry" value="Submit Enquiry" />
</div>
</div>
</div>
</form>
型号:
public function add_user()
{
$add_user = array(
'mem_name'=> $this->input->post('first_name'),
'mem_lastname'=> $this->input->post('last_name'),
'mem_dob'=> $this->input->post('dob'),
'mem_gender'=> $this->input->post('gender'),
'mem_email'=> $this->input->post('email_id'),
'mem_address'=> $this->input->post('address'),
'mem_zipcode'=> $this->input->post('zipcode'),
'mem_phone'=> $this->input->post('phone'),
'mem_password'=> $this->input->post('password'),
);
$insert = $this->db->insert('membership', $add_user);
$insert_id = $this->db->insert_id();
return $insert_id;
}
请帮助我……在您的ajax中添加撇号(“) 将此添加到您的controler成员中
function register(){
$add_user = array(
'mem_name'=> $this->input->post('first_name'),
'mem_lastname'=> $this->input->post('last_name'),
'mem_dob'=> $this->input->post('dob'),
'mem_gender'=> $this->input->post('gender'),
'mem_email'=> $this->input->post('email_id'),
'mem_address'=> $this->input->post('address'),
'mem_zipcode'=> $this->input->post('zipcode'),
'mem_phone'=> $this->input->post('phone'),
'mem_password'=> $this->input->post('password'),
);
$this->member_model->add_user($add_user);
}
在您的会员模式中
function add_user($add_user){
$insert = $this->db->insert('membership', $add_user);
}
在ajax中对此进行更改,添加撇号(') 将此添加到您的controler成员中
function register(){
$add_user = array(
'mem_name'=> $this->input->post('first_name'),
'mem_lastname'=> $this->input->post('last_name'),
'mem_dob'=> $this->input->post('dob'),
'mem_gender'=> $this->input->post('gender'),
'mem_email'=> $this->input->post('email_id'),
'mem_address'=> $this->input->post('address'),
'mem_zipcode'=> $this->input->post('zipcode'),
'mem_phone'=> $this->input->post('phone'),
'mem_password'=> $this->input->post('password'),
);
$this->member_model->add_user($add_user);
}
在您的会员模式中
function add_user($add_user){
$insert = $this->db->insert('membership', $add_user);
}
您可以使用jqueryvalidate和ajay-on-submit处理程序。请尝试以下代码:
$(函数(){
$(“#FormId”)。验证({
errorElement:'span',errorClass:'help block',
规则:{
标签:{
必填项:true
},
表:{
必填项:true
},
字段:{
必填项:true
},
},
信息:{
标签:{
required:“需要标记。”
},
表:{
必填:“表格是必填的。”
},
字段:{
必填:“字段为必填项。”
},
},
亮点:功能(元素){
$(元素)。最近('.form group')。addClass('has-error');
},
取消高亮显示:功能(元素){
$(元素)。最近('.form group')。removeClass('has-error');
},
成功:功能(元素){
$(元素)。最近('.form group')。removeClass('has-error');
$(元素).closest('.form group').children('span.help块').remove();
},
errorPlacement:函数(错误,元素){
错误.appendTo(元素.closest('.formgroup'));
},
submitHandler:函数(表单){
$(“保存按钮”)。按钮(“加载”);
$.post(“”,$(“#FormId”).serialize(),函数(数据){
//在这里编写代码
});
}
});
});```
您可以使用jquery验证和ajay-on-submit处理程序。请尝试以下代码:
$(函数(){
$(“#FormId”)。验证({
errorElement:'span',errorClass:'help block',
规则:{
标签:{
必填项:true
},
表:{
必填项:true
},
字段:{
必填项:true
},
},
信息:{
标签:{
required:“需要标记。”
},
表:{
必填:“表格是必填的。”
},
字段:{
必填:“字段为必填项。”
},
},
亮点:功能(元素){
$(元素)。最近('.form group')。addClass('has-error');
},
取消高亮显示:功能(元素){
$(元素)。最近('.form group')。removeClass('has-error');
},
成功:功能(元素){
$(元素)。最近('.form group')。removeClass('has-error');
$(元素).closest('.form group').children('span.help块').remove();
},
errorPlacement:函数(错误,元素){
错误.appendTo(元素.closest('.formgroup'));
},
submitHandler:函数(表单){
$(“保存按钮”)。按钮(“加载”);
$.post(“”,$(“#FormId”).serialize(),函数(数据){
//在这里编写代码
});
}
});
});```
我尝试了您的解决方案,但它不起作用。db@ArifWhat form validation中既没有表单验证也没有数据输入?我在这里看不到代码,只是js表单验证我尝试了您的解决方案,但它不起作用..表单验证和数据都没有输入db@ArifWhat表单验证?我在这里没有看到代码,只是js表单验证在提交表单时,我会在控制器端使用表单验证,在提交表单时,我会在控制器端使用表单验证,