//引入js文件
//jquery 文件
<script src="__PUBLIC__/static/wap/js/jquery.min.js?v=2.1.4">
</script>
//jquery 的表单提交插件
<script src="__PUBLIC__/static/wap/js/jquery.form.js">
</script>
//验证js类
<script src="__PUBLIC__/static/wap/plugins/validate/jquery.validate.min.js">
</script>
//.新添加的验证规则
<script src="__PUBLIC__/static/wap/plugins/validate/additional-methods.js">
</script>
//验证提示消息
<script src="__PUBLIC__/static/wap/plugins/validate/messages_zh.min.js">
</script>
//定义验证默认样式 jQuery.validator.setDefaults({ highlight: function(e) { //删除表单元素上的错误提示样式 $(e).removeClass("err-r"); }, errorElement: ‘div‘, errorClass: "er-r", errorPlacement: function(error, element) { error.appendTo(element.parent().find(‘.err‘)); } }); //设置后台登录验证 $().ready(function() { var e = "<i class=‘fa fa-times-circle‘></i> "; $("#login").validate({ rules: { mobile: { required: !0, isMobile: true }, password: { required: !0 } }, messages: { mobile: { required: e + "手机号必须!", isMobile: e + "格式错误!" }, password: { required: e + "密码必须!"} }, submitHandler: function(form) { var m = $("#phone-1").val(); var p = $("#pwd-2").val(); $("#login").ajaxSubmit({ type: ‘post‘, // 提交方式 get/post url: "{:url(‘wap/Login/login‘)}", // 需要提交的 url data: { ‘mobile‘: m, ‘password‘:p }, success: function(data) { // data 保存提交后返回的数据,一般为 json 数据 // 处理返回data show_msg(data); } }); return false; // 阻止表单自动提交事件 } }) });
时间: 2024-10-31 01:04:18