JQuery的学习：对表单进行验证（较原始）

企鹅漫步

于 2013-09-05 00:53:57 发布

阅读量750

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/bamboo261/article/details/11101127

JQuery 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一段用于验证用户输入信息是否完整的JavaScript代码，包括昵称、详细地址及地区选择。通过设置错误提示，确保用户在提交前正确填写所有必填项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

演示代码：

function check(){ 
     
    //用户名  
    var nickname=$("#nickname"); 
    var nickname_error=$("#nickname_error"); 
   
    //地址错误  
    var address_error=$("#address_error"); 
     
    //详细地址  
    var detail=$("#detail"); 
    var detail_error=$("#detail_error"); 
     
    //验证  
    var err_nick=nickname.val()==""?"昵称不可以为空！":""; 
    nickname_error.text(err_nick); 
     
    var err_det=detail.val()==""?"详细地址不可以为空！":""; 
    detail_error.text(err_det); 
     
    //验证地区是否有全部选择  
    var p=$("#p");      //省市区  
    var c=$("#c"); 
    var a=$("#a"); 
     
    var err_add=p.val()=="0"||c.val()=="0"||a.val()=="0"?"请选择地区,省市区(县)必须选择！":""; 
    address_error.text(err_add); 
     
    return err_nick==""&&err_det==""&&err_add==""?true:false;; 
}