首页 前端知识 Web前端最全评价页面jQuery的用vue改写,CSS浮动的使用与清除

Web前端最全评价页面jQuery的用vue改写,CSS浮动的使用与清除

2024-05-12 17:05:55 前端知识 前端哥 742 859 我要收藏

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

html5

}

KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲commentServiceV…(this).index());

});

$(“.icons_food”).on(“click”,“i”,function(e){

var index=$(this).index()+1;

var max=$(“.icons_food i:last”).index()+1;

for(var i=1;i<=index;i++){

$(“.icons_food i:nth-child(”+i+“)”).addClass(“mui-icon-star-filled”);

}

for(var i=index+1;i<=max;i++){

$(“.icons_food i:nth-child(”+i+“)”).removeClass(“mui-icon-star-filled”);

}

KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲commentFoodValu…(this).index());

});

$(document).ready(function() {

$(“#commentImage”).change(function() {

var fileReader = new FileReader();

fileReader.onload = function(e) {

$(“#previewImage”).append(“”);

};

var imageFile = this.files[0];

fileReader.readAsDataURL(imageFile);

});

$(“#commentSubmitBtn”).click(

function() {

var xhr=new XMLHttpRequest();

xhr.open(“post”, adminUrl + “page/service/evaluateAddSubmit”);

xhr.onreadystatechange = function() {

if (xhr.readyState == 4) {

if(xhr.status == 200){

mui.alert(“评论提交成功,谢谢您的宝贵意见”,“温馨提示”,“确认”, function(e){

if(e.index==0){

// window.location.reload();

location.href = ‘index.html’;

}

});

}else{

mui.alert(“评论提交失败,请重新设置”,“温馨提示”,“确认”, function(e){

if(e.index==0){

window.location.reload();

}

});

}

}

};

var commentImage = $(“#commentImage”)[0].files[0];

var commentImageValue = $(‘input[name=“commentImage”]’).val();

var commentEnvironmentValue=$(“#commentEnvironmentValue”).val();

var commentServiceValue=$(“#commentServiceValue”).val();

var commentFoodValue=$(“#commentFoodValue”).val();

var commentInfo=$(“#commentInfo”).val();

var commentEmail=$(“#commentEmail”).val();

var regEmail = new RegExp(“1+([._\-][a-z0-9])@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$”);

if(commentEnvironmentValue==“”){

mui.alert(“机舱环境星级值不能为空”,“温馨提示”,“确认”);

return false;

}else if(commentServiceValue==“”){

mui.alert(“服务态度星级值不能为空”,“温馨提示”,“确认”);

return false;

}else if(commentFoodValue==“”){

mui.alert(“用餐口味星级值不能为空”,“温馨提示”,“确认”);

return false;

}else if(commentInfo==“”){

mui.alert(“请填写您的意见或建议”,“温馨提示”,“确认”);

return false;

}else if(commentEmail==“”){

mui.alert(“请留下您的邮箱地址,我们会将反馈结果及时反馈给您”,“温馨提示”,“确认”);

return false;

}else if(!regEmail.test(commentEmail)){

mui.alert(“您填写的邮箱格式不正确,请重新输入”,“温馨提示”,“确认”);

return false;

}else if(commentImageValue==“”){

mui.alert(“请对您认为不好的地方留下一张图片,方便我们定位问题”,“温馨提示”,“确认”);

return false;

}else{

var commentForm = new FormData();

commentForm.append(“commentEnvironmentValue”,commentEnvironmentValue);

commentForm.append(“commentServiceValue”,commentServiceValue);

commentForm.append(“commentFoodValue”,commentFoodValue);

commentForm.append(“commentInfo”,commentInfo);

commentForm.append(“commentEmail”,commentEmail);

commentForm.append(“commentImage”, commentImage);

xhr.send(commentForm);

}

});

});

vue加原生js

Document

评价

  • 机舱环境
  • v-bind:key=“index”>


  • 服务态度
  • v-bind:key=“index”>

  • 用餐口味
  • v-bind:key=“index”>

    <input type=“file” id=“commentImage” name=“commentImage” style=“margin-left: 15px;” accept=“image/*;”

    @change=‘onUpload’>

    Image preview...

    <button type=“button” class=“mui-btn mui-btn-primary” @click=“submitBtn” style=“width: 100%; padding: 15px;”

    id=“commentSubmitBtn”>提交评论

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8412.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!