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中的数据就是我们后台传过来的数据,后台该怎样写还是怎样写,不影响。