完整的表单交互

1、在html页面上写一个简单的表单样式

<form id='form1' action="#" method="post" onsubmint="return checkform()">

       <input type="text" name="username" id="username"/>

       <input type="submit" value="提交"/>

</form>

2、表单的验证通过onsubmit中的checkform()方法实现,注意在onsubmit中一定要写明是“return checkform()”这样当表单验证返回false的时候表单就不会提交,当表单验证返回true的时候就会访问action中的url链接进行跳转。

一个简单的验证如下:

function checkform()

{

        var name=document.getElementById("username").value;//根据input框id获取输入的value值

        if(name==null || name="")

              {

                      dialog.alert("温馨提示","用户名不能为空");

                      return false;

              }

             return true;

}

其中的dialog是自己写的对话框样式,直接用alert就可以输出提示信息。

3、有时候页面还需要接收表单提交后从后台传回来的值,这里是通过引用jquery.form.js 和jquery.js 来实现的。

$(function(){

      $("#form1").ajaxForm(function(data){

           if(data=="ok")

                    dialog.alert("温馨提示","保存成功");

            else

                   dialog.alert("温馨提示","保存失败");

      })

})

form1就是我们form表单的id值,data中的数据就是我们后台传过来的数据,后台该怎样写还是怎样写,不影响。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值