如何拥有一个自己的网站,想当淘客自己的网站怎么做,响应式官方网站,自己做的网站怎么发布win7实现功能提交按钮功能#xff1a;点击提交按钮的时候都会弹出模态框#xff0c;但是有不同的状态#xff1a;审核状态未通过#xff1a;弹出未通过理由的input输入框#xff0c;模态框中除了取消和确定按钮#xff0c;新增确定并保存医院的按钮审核状态已通过#xff1a…实现功能提交按钮功能点击提交按钮的时候都会弹出模态框但是有不同的状态审核状态未通过弹出未通过理由的input输入框模态框中除了取消和确定按钮新增确定并保存医院的按钮审核状态已通过如果新增医院的经纬度没有填写会提示填写经纬度填写之后点击提交按钮模态框中显示确定和取消按钮审核状态待审核模态框中显示确定和取消按钮添加医院的html代码所属医院if($data-hospitalid 0) **如果医院的id0,就是存在对应的医院让下面的输入框不能修改**else **如果医院的id0,就是不存在对应的医院让下面的输入框可以修改同时填写医院的经纬度**classhospitalLocation form-control hospitalLocation1 classhospitalLocation form-control hospitalLocation2 endif审核状态的相关html代码审核状态is_verify 1) disabled endif nameis_verify data{{$data-is_verify}} stylewidth:100px;position:relativeis_verify 1) selected endif未通过is_verify 2) selected endif已通过is_verify 0) selected endif待审核**如果未通过审核的话会弹出这个input输入框填写未通过理由**总的表单提交按钮html代码提交**这个提交按钮的功能与上面的审核状态和添加医院相关信息有关系**点击提交按钮的时候弹出模态框此时的模态框有两种状态1.返回模态框的相应html代码aria-hiddentrue×确认提交吗{{----}}{{----}}取消确定确定并保存医院js代码var hospitalId {{$data-hospitalid}}; **拿到对应医院的id****下面是点击提交按钮时的处理函数**$(#edit-submit).click(function () {is_verify $(select[nameis_verify]).val(); **拿到审核状态下拉框的值**if (is_verify 1) { **未通过的时候**if (!$(input[namecheck_reason]).val()) {layer.msg(请填写未通过理由); **如果选择未通过的时候后面的未通过理由没有填写值为空弹出提示信息请填写未通过理由**return false;}}if (hospitalId 0) { **如果医院不存在的话**if (is_verify 1) { //审核未通过$(#save_hospital_btn).show() **模态框中新增确定并保存医院的按钮出现**} else if(is_verify 2) { //审核通过if (!$(input[namehospital_lat]).val() || !$(input[namehospital_lng]).val()) {layer.msg(请填写医院的经纬度); **所属医院下面的经纬度有一个没填写都会弹出提示信息**return false;}$(#save_hospital_btn).hide() **模态框中新增确定并保存医院的按钮消失**} else { **这个else中的条件就是 待审核中**$(#save_hospital_btn).hide() **模态框中新增确定并保存医院的按钮消失**}}$(#confirmSubmit).modal(show); **只要点击提交按钮模态框就会显示**});$(function(){$(:input[nameis_verify]).on(change,function(e){ **审核状态的下拉列表发生变化的时候触发这个函数**console.log($(this).attr(data),$(this).val());if($(this).attr(data) 1){layer.msg(已通过审批用户不可继续审批,{time:1000},function () {$(this).val(1);$(this).reset();});return false;} else {if ($(this).val() 1) { **如果审核状态是未通过显示输入未通过理由的input输入框**$(.Nopass).show();} else {$(.Nopass).hide();}}});});function save(save_hospital){ **触发模态框中新增确定并保存医院的按钮的函数** **save_hospital 是要传递的参数**data $(#postform).serializeArray() **得到提交表单中的所有数据**if (save_hospital) { **如果要传递的参数已经存在**if (!$(input[namehospital_lat]).val() || !$(input[namehospital_lng]).val()) {layer.msg(请填写医院的经纬度); **如果经纬度有一个没填写就弹出这个信息**return false;}data.push({name:save_hospital,value:1}); **将这个医院保存到数据中**}$.ajax({type: POST,url : {{url(admin/pyhsician/)}}/{{$data-id}},dataType: json,data: data,success: function(data){if(data.status1){layer.msg(data.message);setTimeout(function(){//两秒后跳转window.location.href data.url;},1000);}else{alert(data.message);}},error:function(data){if (data.status 422) {var jsonJSON.parse(data.responseText);json json.errors;for ( var item in json) {for ( var i 0; i json[item].length; i) {layer.msg(json[item][i],{time:1000});return ; //遇到验证错误就退出}}} else {layer.msg(服务器连接失败,{time:1000});}return ;}});return false;function success(data) {if (data.status 0) {alert(data.message);} else {window.location.href data.url;}};}以上所述是小编给大家介绍的js弹出模态框方法详解整合希望对大家有所帮助如果大家有任何疑问请给我留言小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持
