.m_t10 {
margin-top: 20px;
}
.error_p2 {
background-color: #FF6900;
color: white;
font-size: 10px;
padding: 5px;
border-radius: 5px;
display: none;
}
.error_p2 i {
margin-right: 5px;
}
获取值,如:var pwd=$(this).val();
//定义参数
获取对应
错误提示信息的
标签元素对象,这里的是var span = $(this).parents('.error_div2').find('.error_p2');
//简要说明.parents('')
方法获取的是祖先元素为('.error_div2'),看清楚有带"s",简单来说如果.error_div2是当前元素的上三级$('this').parent().parent().parent(),而用$('this').parents('.error_div2')能一步到位
获取到该元素对象,而find('')
方法刚好相反,一步到位的
获取对应后辈元素对象
//然后就是根据
条件判断,判断的正则表达式我就不一 一举例了(因为我也记不住那么多= =、),是否符合返回对应的数组元素true、false值,实现隐藏
错误提示,并且给数组validate2的值赋值。
//最后提交表单时,再次执行判断isOK是否为true
//isOK值为false的话就全部执行一次表单元素的失去焦点事件,从而
提示错误信息
//isOK值为true的话才提交表单。
//ps:表单里的button元素如果不是提交按钮,记得将type=“button”,否则默认是type=“submit”,点击就会提交;