jQuery Validateフロントエンドチェック
参照先:https://www.runoob.com/jquery/jquery-plugin-validate.html
提案:導入したjs,jQuery,cssファイルを自分のローカルサーバまたはリモートサーバにダウンロード
そうでない場合:SSL証明書リクエストのセキュリティポリシーを使用している場合は、参照ファイルがhttpsのセキュリティリンクであるかどうかに注意してください.
使用方法:
提案:導入したjs,jQuery,cssファイルを自分のローカルサーバまたはリモートサーバにダウンロード
そうでない場合:SSL証明書リクエストのセキュリティポリシーを使用している場合は、参照ファイルがhttpsのセキュリティリンクであるかどうかに注意してください.
// ，
jQuery.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, " ");使用方法:
$("#file-1").fileinput({
uploadUrl: '/api/public/uploadFile',
allowedFileExtensions : ['jpg', 'png','gif','jpeg'],
overwriteInitial: false,
browseLabel:' ',
removeLabel:' ',
uploadLabel:' ',
dropZoneTitle:' ',
maxFileSize: 0,
maxFilesNum: 9,
//allowedFileTypes: ['image', 'video', 'flash'],
slugCallback: function(filename) {
//console.log("slugCallback = ",filename);
return filename.replace('(', '_').replace(']', '_');
}
}).on("fileuploaded", function(event, data, previewId, index) {
var arr = [];
arr.push(data.response.data.filepath);
arr = arr.join(',');
document.getElementsByName("imgs")[0].value = arr;
//console.log("----",document.getElementsByName("imgs")[0].value);
});
//
jQuery.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, " ");
function checkForm(){
$("#form1").validate({
onsubmit:true,
rules: {
report_name: {
required: true //
},
report_mobile: {
required: true,
minlength : 11,
isMobile : true
},
volunteer_no: {
minlength : 10,
},
remark: {
required: true
}
},
messages: { //
report_name: {
required: " ！"
},
report_mobile: {
required:" ！",
minlength : " 11 ",
isMobile : " "
},
volunteer_no: {
minlength : " 10 "
},
remark:{
required:" "
}
},
success:"valid",
submitHandler:function(){
var data = {};
data.district_id = document.getElementsByName("district_id")[0].value;
data.report_name = document.getElementsByName("report_name")[0].value;
data.report_mobile = document.getElementsByName("report_mobile")[0].value;
data.volunteer_no = document.getElementsByName("volunteer_no")[0].value;
data.sex = document.getElementsByName("sex")[0].value;
data.remark = document.getElementsByName("remark")[0].value;
data.imgs = document.getElementsByName("imgs")[0].value;
$.ajax({
url: "reportPost",
data: data,
context: document.body,
dataType:"json",
type:"POST",
success: function(res){
$("#myAlert span").remove();
if (res.code){
$("#myAlert").css("display","block").children("a").after( '<span>'+res.msg+'</span>');
}else{
$("#myAlert").css("display","block").children("a").after( '<span>'+res.msg+'</span>');
}
}});
}
});
}
$(function() {
checkForm();
//
});