$("#inputForm").validate({}) 是在什么时候会被执行?

eisldkw 2020-11-02 04:46:09
以下代码中

<script type="text/javascript">
var validateForm;
var $table; // 父页面table表格id
var $topIndex;//弹出窗口的 index

function doSubmit(table, index){//回调函数,在编辑和保存动作时,供openDialog调用提交表单。
var mobileFlag = $(':radio[name="mobileFlag"]:checked').val();
$("#mobileFlag").val(mobileFlag);
if(validateForm.form()){
$table = table;
$topIndex = index;
$("#inputForm").submit();
return true;
}
return false;
}

$(document).ready(function() {

$("#value").focus();
var $inp = $('input:text');//获取所有的输入框(包括不可编辑)
$inp.bind('keydown', function (e) {
var key = e.which;
if (key == 13) {//13为enter键

e.preventDefault();//取消enter默认状态
var nxtIdx = $inp.index(this) + 1;
var readonly = $(":input:text:eq(" + nxtIdx + ")").prop("readonly");//获取下一焦点的状态
while(readonly){//当下一焦点为不可编辑状态时跳过改焦点
nxtIdx = nxtIdx+1;
readonly = $(":input:text:eq(" + nxtIdx + ")").prop("readonly");
if(!readonly){
break;
}
}
$(":input:text:eq(" + nxtIdx + ")").focus();

}

});
validateForm = $("#inputForm").validate({
submitHandler: function(form){
jp.loading();
$.post("${ctx}/em/emHouseOwner/save", $('#inputForm').serialize(),function(data){
if(data.success){
$table.bootstrapTable('refresh');
jp.success(data.msg);
}else{
jp.error(data.msg);
}
jp.close($topIndex);//关闭dialog
});
},
rules:{
mobile: {
required:true,
minlength:11,
isMobile:true,
remote: {
url:"${ctx}/em/emHouseOwner/check?oldMobile="+
encodeURIComponent("${equm.mobile}"),
cache:false
}
}
},
messages: {
mobile:{
required : "请输入手机号",
minlength : "确认手机不能小于11个字符",
isMobile : "请正确填写您的手机号码",
remote: "手机号已存在"
}
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});

</script>

以上代码中

1、$(":input:text:eq(" + nxtIdx + ")") 中的 eq(" + nxtIdx + ") 是什么意思?
2、var mobileFlag = $(':radio[name="mobileFlag"]:checked').val() 后的 .val() 是什么意思?
3、validateForm.form() 中的 .for() 是什么意思,没有看查到这个函数定义的地方呀?
4、$(":input:text:eq(" + nxtIdx + ")").prop("readonly") 中的 .prop("readonly") 是什么意思?
5、validateForm = $("#inputForm").validate({}) 中的 $("#inputForm").validate({}) 是在什么时候会被执行?
...全文
15092 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
eisldkw 2020-11-11
  • 打赏
  • 举报
回复
引用 4 楼 泡泡鱼_ 的回复:
eq() 固定用法呀,就前面说过的意思 .form() 自定义的函数,你自己打开那插件代码一看不就知道了 网上一搜也一大把呀…… 然后:度娘或者其他什么,关键词:jquery 中文手册 然后:度娘或者其他什么,关键词:jquery 中文手册 然后:度娘或者其他什么,关键词:jquery 中文手册 重要的事情说三遍
非常的感谢。
泡泡鱼_ 2020-11-03
  • 打赏
  • 举报
回复
eq() 固定用法呀,就前面说过的意思 .form() 自定义的函数,你自己打开那插件代码一看不就知道了 网上一搜也一大把呀…… 然后:度娘或者其他什么,关键词:jquery 中文手册 然后:度娘或者其他什么,关键词:jquery 中文手册 然后:度娘或者其他什么,关键词:jquery 中文手册 重要的事情说三遍
eisldkw 2020-11-03
  • 打赏
  • 举报
回复
还有 3、中 validateForm.form() 中的 .for() 是打错了,应该是 validateForm.form() 中的 .form() ,这个form() 函数是什么? 是系统中的函数 还是 自己定义的函数?
eisldkw 2020-11-03
  • 打赏
  • 举报
回复
引用 1 楼 泡泡鱼_ 的回复:
1、$(":input:text:eq(" + nxtIdx + ")") 中的 eq(" + nxtIdx + ") 是什么意思? =>第几个":input:text",下标从0开始 2、var mobileFlag = $(':radio[name="mobileFlag"]:checked').val() 后的 .val() 是什么意思? =>[name="mobileFlag"]的radio被选中项的值 3、validateForm.form() 中的 .for() 是什么意思,没有看查到这个函数定义的地方呀? =>所以我也没看到 4、$(":input:text:eq(" + nxtIdx + ")").prop("readonly") 中的 .prop("readonly") 是什么意思? => 获取其只读属性,设置:.prop('readonly',!0); 5、validateForm = $("#inputForm").validate({}) 中的 $("#inputForm").validate({}) 是在什么时候会被执行? =>这应该是表单验证插件,应该你上面:if(validateForm.form())这时就被执行了 然后:度娘或者其他什么,关键词:jquery 中文手册
非常感谢。请问 1、中$(":input:text:eq(" + nxtIdx + ")") 中的 eq 您是怎么确定它是对应的下标 呢,这是固定用法吗?
泡泡鱼_ 2020-11-02
  • 打赏
  • 举报
回复
1、$(":input:text:eq(" + nxtIdx + ")") 中的 eq(" + nxtIdx + ") 是什么意思? =>第几个":input:text",下标从0开始 2、var mobileFlag = $(':radio[name="mobileFlag"]:checked').val() 后的 .val() 是什么意思? =>[name="mobileFlag"]的radio被选中项的值 3、validateForm.form() 中的 .for() 是什么意思,没有看查到这个函数定义的地方呀? =>所以我也没看到 4、$(":input:text:eq(" + nxtIdx + ")").prop("readonly") 中的 .prop("readonly") 是什么意思? => 获取其只读属性,设置:.prop('readonly',!0); 5、validateForm = $("#inputForm").validate({}) 中的 $("#inputForm").validate({}) 是在什么时候会被执行? =>这应该是表单验证插件,应该你上面:if(validateForm.form())这时就被执行了 然后:度娘或者其他什么,关键词:jquery 中文手册

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧