45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网络编程 > javascript >

jQuery 前台评论表单验证实例小结

电脑软硬件应用网 45IT.COM 时间:2013-11-23 09:26 作者:佚名

WordPress 当然也有表单的验证,不过大家都知道用户体验一点都不好,页面发生跳转,有时还会把表单清空了,而前台表单认证显得非常有必要了。以下是我写的通过改变文本框背景颜色提示用户输入内容,WordPress 只要把以下代码放到 js 文件里就能工作了。验证由点击提交按钮触发,工作原理看注释。

 代码如下  

//表单验证
$(function(){
    $('#submit').click(function(){
        var $author=$('#author').val();   //名称
        var $email=$('#email').val();     //邮箱
        var $url=$('#url').val();         //网址
        var $textarea=$('textarea:first').val();   //评论
        var $errorNo=0;
        if($author==""){
            $('#author').css("background","#F9A4A4");
            $errorNo+=1;
        }else{
            $('#author').css("background","#FFF");
        }
        if($email==""){
            $('#email').css("background","#F9A4A4");
            $errorNo+=1;
        }else if(!/^(?:[a-zd]+[_-+.]?)*[a-zd]+@(?:([a-zd]+-?)*[a-zd]+.)+([a-z]{2,})+$/i.test($email)){
            $('#email').css("background","#F9A4A4");
            $errorNo+=1;
        }else{
            $('#email').css("background","#FFF");
        }
        if($url!="" && !/^http://[A-Za-z0-9]+.[A-Za-z0-9]+[/=?%-&_~`@[]':+!]*([^<>""])*$/.test($url)){
            $('#url').css("background","#F9A4A4");
            $errorNo+=1;
        }else{
            $('#url').css("background","#FFF");
        }
        if($textarea==""){
            $('textarea:first').css("background","#F9A4A4");
            $errorNo+=1;
        }else{
            $('textarea:first').css("background","#FFF");
        }
        if($errorNo>0){
            return false;
        }
    });
});

这样一个非常简单的表单验证就出来了~效果就是小博现在这样,欢迎指正改进~

例2

判断下拉框是否有选择:

 代码如下  

<script type="text/JavaScript">

function CheckForm(){

var AreaValue=$("#DDlAreaList").val();

if(AreaValue=="0")

{

top.Dialog.altert("请选择区域!");

return false;

}

return true;

}

</scirpt>

 <asp:Button ID="btnSubmit" runat="server" Text="保存并返回" Width="80px" CssClass="blueButtonCss" OnClientClick="return CheckFrom();" OnClick="btnSubmit_Click" />&nbsp;&nbsp;

关于IBatisNet中SQL语句的使用:

 代码如下  

<!--<select id="searchDeclaration" resultMap="T_ED_DeclarationResult" parameterClass="T_ED_Declaration">
      SELECT A.* FROM [T_ED_Declaration] A
      <dynamic prepend="WHERE">
        <isNotEmpty prepend=" and" property="Declaration_BatchNO">
          A.Declaration_BatchNO like '%$Declaration_BatchNO$%'
        </isNotEmpty>
        <isNotEqual prepend=" and" property="Declaration_PortName" comparevalue="0">
          A.Declaration_PortName like  '%$Declaration_PortName$%'
        </isNotEqual>
        <isGreaterThan prepend=" and" property="StartTime" compareValue="1900-1-1">
          <![CDATA[
          A.StartTime<= #StartTime#
           ]]>
        </isGreaterThan>
        <isGreaterThan prepend=" and" property="EndTime" compareValue="1900-1-1">
          <![CDATA[
          A.EndTime<= #EndTime#
           ]]>
        </isGreaterThan>
    </dynamic>
    </select>-->

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识