JQuery实现注册表单页面 4 代码
小幸运0826
于 2017-09-22 21:48:09 发布
阅读量941
收藏
4
点赞数
1
CC 4.0 BY-SA版权
分类专栏:
java web(my code)
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wh1132633619/article/details/78067281
java web(my code)
专栏收录该内容
8 篇文章
订阅专栏
该博客展示了如何利用JQuery动态加载下拉菜单选项并实现表单验证。当用户选择省份时,对应的市会被动态填充到下拉菜单中。同时,表单中的用户名和密码字段进行了非空验证,如果为空则显示错误提示。
摘要生成于
C知道
,由 DeepSeek-R1 满血版支持,
前往体验 >
.bigdiv {
border: 1px solid red;
width: 90%;
}
.logodiv {
border: 1px solid red;
width: 33%;
float: left;
height: 70px;
}
.clear {
clear: both;
}
$(function(){
var arrays=[
["郑州","南阳","开封","商丘"],["南京","苏州","无锡","义乌"],["西安","咸阳","华山","长安"]
];
$("#privc").change(function(){
$("#city").get(0).options.length=1;
var val=this.value;
/*$(arrays).each(function(i,n){
if(i==val){
$(n).each(function(j,m){
$("#city").append("");
});
}
});
} */
$(arrays[val]).each(function(i,n){
$("#city").append("");
});
});
});
$(function(){
$("form input.required" ).parent().append(""+"*"+"");
$("form input").blur(function(){
//$(this).parent().find("span").remove();
if($(this).is("#usename")){
$(".one").remove();
if(this.value==""){
$(this).parent().append("输入不能为空");
}
else{
$(this).parent().append("输入正确");
}
}
if($(this).is("#password")){
$(".two").remove();
if(this.value==""){
$(this).parent().append("输入不能为空");
}
else{
$(this).parent().append("输入正确");
}
}
}).keyup(function(){
$(this).triggerHandler("blur");
}).focus(function(){
$(this).triggerHandler("blur");
});
$("form").submit(function(){
$("form input").trigger("blur");
var err=$("span[name='onerror']").length;
if(err>0){
return false;
}
});
});