我JQUERY判断已经做好了,请问如何提交表单呢?.NET我这个例子可能你大家有帮助的哦,就是提交的时候遇到问题了。
时间:2011-12-01
来源:互联网
//判断用户名
var judename = false;
function pdname(){
$("#name").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsName").html('4-20位字符,可由英文、数字、下划线组成');
judename = false;
});
$("#name").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsName").html("<font color='red'>用户名不能为空!</font>");
judename = false;
}
else
{
if($(this).val().length < 4)
{
$(this).css({'border':'1px solid red'});
$("#TsName").html("<font color='red'>用户名不能少于4个字符!</font>");
judename = false;
}
else
{
$.get("delAjax/AjaxUserIsExist.aspx?name="+$(this).val(),null,function(result){
var name_1 = result;
if(name_1 == "不可使用")
{
$("#name").css({'border':'1px solid red'});
$("#TsName").html("<font color='red'>用户名已经存在!</font>");
judename = false;
}
else
{
$("#name").css({'border':'1px solid #c0bdbc'});
$("#TsName").html("<img src='img/dui.png' alt=''/>");
judename = true;
}
});
}
}
});
return judename;
}
//判断用户密码
var judepwd = false;
function pdpwd(){
$("#pwd").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsPwd").html('6-16位字符,可由英文、数字、字符组成');
});
$("#pwd").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsPwd").html("<font color='red'>密码不能为空!</font>");
judepwd = false;
}
else
{
if($(this).val().length < 6)
{
$(this).css({'border':'1px solid red'});
$("#TsPwd").html("<font color='red'>密码不能少于6个字符!</font>");
judepwd = false;
}
else
{
$(this).css({'border':'1px solid #c0bdbc'});
$("#TsPwd").html("<img src='img/dui.png' alt=''/>");
judepwd = true;
}
}
});
return judepwd;
}
//判断重复密码
var juderepwd = false;
function pdrepwd(){
$("#repwd").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsRepwd").html('请重复输入以上密码');
});
$("#repwd").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsRepwd").html("<font color='red'>请重复输入以上密码!</font>");
juderepwd = false;
}
else
{
if($(this).val() != $("#pwd").val())
{
$(this).css({'border':'1px solid red'});
$("#TsRepwd").html("<font color='red'>再次输入的密码不一致!</font>");
juderepwd = false;
}
else
{
$(this).css({'border':'1px solid #c0bdbc'});
$("#TsRepwd").html("<img src='img/dui.png' alt=''/>");
juderepwd = true;
}
}
});
return juderepwd;
}
//判断邮箱地址
var judeemail = false;
function pdemail(){
$("#email").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsEmail").html('请输入邮箱地址');
});
$("#email").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsEmail").html("<font color='red'>邮箱地址不能为空!</font>");
judeemail = false;
}
else
{
re = /^[0-9a-z\.\-_]+@([0-9a-z\-_]*\.*)([0-9a-z\-_]+)\.[a-z\.]+$/i;
var email = $.trim($(this).val());
if(!re.test(email))
{
$(this).css({'border':'1px solid red'});
$("#TsEmail").html("<font color='red'>邮箱格式不正确!</font>");
judeemail = false;
}
else
{
$.get("delAjax/AjaxEmailIsExist.aspx?email="+$(this).val(),null,function(result){
var email_1 = result;
if(email_1 == "不可使用")
{
$("#email").css({'border':'1px solid red'});
$("#TsEmail").html("<font color='red'>邮箱地址已经存在!</font>");
judeemail = false;
}
else
{
$("#email").css({'border':'1px solid #c0bdbc'});
$("#TsEmail").html("<img src='img/dui.png' alt=''/>");
judeemail = true;
}
});
}
}
});
return judeemail;
}
//判断验证码
var judecode = false;
function pdcode(){
$("#code").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsCode").html('请输入验证码');
});
$("#code").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsCode").html("<font color='red'>验证码不能为空!</font>");
judecode = false;
}
else
{
$.get("delAjax/AjaxCodeIsExist.aspx?randomcode="+$(this).val(),null,function(result){
var code_1 = result;
if(code_1 == "YES")
{
$("#code").css({'border':'1px solid #c0bdbc'});
$("#TsCode").html("<img src='img/dui.png' alt=''/>");
judecode = true;
}
else
{
$("#code").css({'border':'1px solid red'});
$("#TsCode").html("<font color='red'>验证码不正确!</font>");
judecode = false;
}
});
}
});
return judecode;
}
//判断复选框
function pdckbx(){
$("#ckBx").click(function(){
if($(this).checked == false)
{
alert("必须要同意此协议");
}
else
{
alert("谢谢");
}
});
}
//单击刷新验证码
function changeCode(a)
{
var timenow = new Date().getTime();
a.src="viewImg.aspx?d="+timenow;
}
//提交
$(function(){
//获得表单ID
var pwd = $("#pwd");
var repwd = $("#repwd");
var email = $("#email");
var code = $("#code");
var ckbx = $("#ckBx");
var name = $("#name");
//获得提示框ID
var TsPwd = $("#TsPwd");
var TsRepwd = $("#TsRepwd");
var TsEmail = $("#TsEmail");
var TsCode = $("#TsCode");
var TsName = $("#TsName");
//获得焦点显示提示信息
$("#submit").click(function(){
if(name.val() == '')
{
name.css({'border':'1px solid #f75f0b'});
TsName.html("<font color='red'>用户名不能为空!</font>")
}
else if(pwd.val() == '')
{
pwd.css({'border':'1px solid #f75f0b'});
TsPwd.html("<font color='red'>密码不能为空!</font>")
}
else if(repwd.val() == '')
{
repwd.css({'border':'1px solid #f75f0b'});
TsRepwd.html("<font color='red'>请重复输入密码!</font>")
}
else if(email.val() == '')
{
email.css({'border':'1px solid #f75f0b'});
TsEmail.html("<font color='red'>邮件地址不能为空!</font>")
}
else if(code.val() == '')
{
code.css({'border':'1px solid #f75f0b'});
TsCode.html("<font color='red'>验证码不能为空!</font>")
}
else
{
if(judename == true && judepwd == true && juderepwd == true && judeemail == true && judecode == true)
{
//这里如何写把表单的数据提交了。
}
}
});
});
var judename = false;
function pdname(){
$("#name").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsName").html('4-20位字符,可由英文、数字、下划线组成');
judename = false;
});
$("#name").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsName").html("<font color='red'>用户名不能为空!</font>");
judename = false;
}
else
{
if($(this).val().length < 4)
{
$(this).css({'border':'1px solid red'});
$("#TsName").html("<font color='red'>用户名不能少于4个字符!</font>");
judename = false;
}
else
{
$.get("delAjax/AjaxUserIsExist.aspx?name="+$(this).val(),null,function(result){
var name_1 = result;
if(name_1 == "不可使用")
{
$("#name").css({'border':'1px solid red'});
$("#TsName").html("<font color='red'>用户名已经存在!</font>");
judename = false;
}
else
{
$("#name").css({'border':'1px solid #c0bdbc'});
$("#TsName").html("<img src='img/dui.png' alt=''/>");
judename = true;
}
});
}
}
});
return judename;
}
//判断用户密码
var judepwd = false;
function pdpwd(){
$("#pwd").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsPwd").html('6-16位字符,可由英文、数字、字符组成');
});
$("#pwd").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsPwd").html("<font color='red'>密码不能为空!</font>");
judepwd = false;
}
else
{
if($(this).val().length < 6)
{
$(this).css({'border':'1px solid red'});
$("#TsPwd").html("<font color='red'>密码不能少于6个字符!</font>");
judepwd = false;
}
else
{
$(this).css({'border':'1px solid #c0bdbc'});
$("#TsPwd").html("<img src='img/dui.png' alt=''/>");
judepwd = true;
}
}
});
return judepwd;
}
//判断重复密码
var juderepwd = false;
function pdrepwd(){
$("#repwd").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsRepwd").html('请重复输入以上密码');
});
$("#repwd").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsRepwd").html("<font color='red'>请重复输入以上密码!</font>");
juderepwd = false;
}
else
{
if($(this).val() != $("#pwd").val())
{
$(this).css({'border':'1px solid red'});
$("#TsRepwd").html("<font color='red'>再次输入的密码不一致!</font>");
juderepwd = false;
}
else
{
$(this).css({'border':'1px solid #c0bdbc'});
$("#TsRepwd").html("<img src='img/dui.png' alt=''/>");
juderepwd = true;
}
}
});
return juderepwd;
}
//判断邮箱地址
var judeemail = false;
function pdemail(){
$("#email").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsEmail").html('请输入邮箱地址');
});
$("#email").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsEmail").html("<font color='red'>邮箱地址不能为空!</font>");
judeemail = false;
}
else
{
re = /^[0-9a-z\.\-_]+@([0-9a-z\-_]*\.*)([0-9a-z\-_]+)\.[a-z\.]+$/i;
var email = $.trim($(this).val());
if(!re.test(email))
{
$(this).css({'border':'1px solid red'});
$("#TsEmail").html("<font color='red'>邮箱格式不正确!</font>");
judeemail = false;
}
else
{
$.get("delAjax/AjaxEmailIsExist.aspx?email="+$(this).val(),null,function(result){
var email_1 = result;
if(email_1 == "不可使用")
{
$("#email").css({'border':'1px solid red'});
$("#TsEmail").html("<font color='red'>邮箱地址已经存在!</font>");
judeemail = false;
}
else
{
$("#email").css({'border':'1px solid #c0bdbc'});
$("#TsEmail").html("<img src='img/dui.png' alt=''/>");
judeemail = true;
}
});
}
}
});
return judeemail;
}
//判断验证码
var judecode = false;
function pdcode(){
$("#code").focus(function(){
$(this).css({'border':'2px solid #f67f0b'});
$("#TsCode").html('请输入验证码');
});
$("#code").blur(function(){
if($(this).val() == '')
{
$(this).css({'border':'1px solid red'});
$("#TsCode").html("<font color='red'>验证码不能为空!</font>");
judecode = false;
}
else
{
$.get("delAjax/AjaxCodeIsExist.aspx?randomcode="+$(this).val(),null,function(result){
var code_1 = result;
if(code_1 == "YES")
{
$("#code").css({'border':'1px solid #c0bdbc'});
$("#TsCode").html("<img src='img/dui.png' alt=''/>");
judecode = true;
}
else
{
$("#code").css({'border':'1px solid red'});
$("#TsCode").html("<font color='red'>验证码不正确!</font>");
judecode = false;
}
});
}
});
return judecode;
}
//判断复选框
function pdckbx(){
$("#ckBx").click(function(){
if($(this).checked == false)
{
alert("必须要同意此协议");
}
else
{
alert("谢谢");
}
});
}
//单击刷新验证码
function changeCode(a)
{
var timenow = new Date().getTime();
a.src="viewImg.aspx?d="+timenow;
}
//提交
$(function(){
//获得表单ID
var pwd = $("#pwd");
var repwd = $("#repwd");
var email = $("#email");
var code = $("#code");
var ckbx = $("#ckBx");
var name = $("#name");
//获得提示框ID
var TsPwd = $("#TsPwd");
var TsRepwd = $("#TsRepwd");
var TsEmail = $("#TsEmail");
var TsCode = $("#TsCode");
var TsName = $("#TsName");
//获得焦点显示提示信息
$("#submit").click(function(){
if(name.val() == '')
{
name.css({'border':'1px solid #f75f0b'});
TsName.html("<font color='red'>用户名不能为空!</font>")
}
else if(pwd.val() == '')
{
pwd.css({'border':'1px solid #f75f0b'});
TsPwd.html("<font color='red'>密码不能为空!</font>")
}
else if(repwd.val() == '')
{
repwd.css({'border':'1px solid #f75f0b'});
TsRepwd.html("<font color='red'>请重复输入密码!</font>")
}
else if(email.val() == '')
{
email.css({'border':'1px solid #f75f0b'});
TsEmail.html("<font color='red'>邮件地址不能为空!</font>")
}
else if(code.val() == '')
{
code.css({'border':'1px solid #f75f0b'});
TsCode.html("<font color='red'>验证码不能为空!</font>")
}
else
{
if(judename == true && judepwd == true && juderepwd == true && judeemail == true && judecode == true)
{
//这里如何写把表单的数据提交了。
}
}
});
});
作者: godff 发布时间: 2011-12-01
太长了...
作者: qianjin036a 发布时间: 2011-12-01
试试看
this.form.submit();
或者
document.forms[0].submit();
this.form.submit();
或者
document.forms[0].submit();
作者: hookee 发布时间: 2011-12-01
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28