<script type="text/javascript">
<!--
//表单初始化
var Msg="";
var Tipid="#Prompt";
$("#Button").attr("disabled","disabled");
$(Tipid).css("display","none");
$("#Button").css("background","url(image/Landed_button2.gif)");
//初始化完成$(function Landed(){
$("#DE_name").blur(function(){//用户名文本框失去焦点触发验证事件
if($(this).val()=="" )//只处验证不能为空并且只能为英文或者数字或者下划线组成的2-15个字符
{
Msg="用户名不能为空!"
Result(false);
}else
{
if($(this).val().length<5 || $(this).val().length>15)
{
Msg="用户名由5-15字组成!"
Result(false);
}
}
});
$("#DE_pass").blur(function(){
if($(this).val()=="" )
{
Msg="密码不能为空!"
Result(false);
}else
{
if($(this).val().length>20)
{
Msg="密码超出20字符!"
Result(false);
}
}
});})
function Result(Result)
{
if(!Result){
$(Tipid).html(Msg);
$(Tipid).css("display","block");
$("#Button").css("background","url(image/Landed_button2.gif)");
$("#Button").attr("disabled", "disabled");
return false;
}else
{
$(Tipid).html(Msg);
$("#Button").removeAttr("disabled");
$("#Button").css("background","url(image/Landed_button.gif)");
$(Tipid).css("display","block");
}
}
-->
</script>
<form id="form1" name="form1" method="post" action="#">
<div id="Main">
<div id="Dname">
<input name="DE_name" type="text" id="DE_name" />
</div>
<div id="Dpass">
<input name="DE_pass" type="password" id="DE_pass" />
</div>
<div id="Dcode">
<input name="DE_code" type="text" id="DE_code" size="6" maxlength="4" />
</div>
<div id="DImg"><img id="vcodeImg" src="about:blank" alt="验证码" title="看不清楚?换一张" style="cursor:hand" /></div>
<div id="Dbutton">
<input name="Button" type="submit" id="Button" value="" />
</div>
<div id="Prompt"></div>
</div>
</form>
<!--
//表单初始化
var Msg="";
var Tipid="#Prompt";
$("#Button").attr("disabled","disabled");
$(Tipid).css("display","none");
$("#Button").css("background","url(image/Landed_button2.gif)");
//初始化完成$(function Landed(){
$("#DE_name").blur(function(){//用户名文本框失去焦点触发验证事件
if($(this).val()=="" )//只处验证不能为空并且只能为英文或者数字或者下划线组成的2-15个字符
{
Msg="用户名不能为空!"
Result(false);
}else
{
if($(this).val().length<5 || $(this).val().length>15)
{
Msg="用户名由5-15字组成!"
Result(false);
}
}
});
$("#DE_pass").blur(function(){
if($(this).val()=="" )
{
Msg="密码不能为空!"
Result(false);
}else
{
if($(this).val().length>20)
{
Msg="密码超出20字符!"
Result(false);
}
}
});})
function Result(Result)
{
if(!Result){
$(Tipid).html(Msg);
$(Tipid).css("display","block");
$("#Button").css("background","url(image/Landed_button2.gif)");
$("#Button").attr("disabled", "disabled");
return false;
}else
{
$(Tipid).html(Msg);
$("#Button").removeAttr("disabled");
$("#Button").css("background","url(image/Landed_button.gif)");
$(Tipid).css("display","block");
}
}
-->
</script>
<form id="form1" name="form1" method="post" action="#">
<div id="Main">
<div id="Dname">
<input name="DE_name" type="text" id="DE_name" />
</div>
<div id="Dpass">
<input name="DE_pass" type="password" id="DE_pass" />
</div>
<div id="Dcode">
<input name="DE_code" type="text" id="DE_code" size="6" maxlength="4" />
</div>
<div id="DImg"><img id="vcodeImg" src="about:blank" alt="验证码" title="看不清楚?换一张" style="cursor:hand" /></div>
<div id="Dbutton">
<input name="Button" type="submit" id="Button" value="" />
</div>
<div id="Prompt"></div>
</div>
</form>
解决方案 »
- 闭包问题求助
- AJAX不执行回调函数,怎么办??
- 另存为对话框
- 如何使页面所有text field 响应一个lostfocus 方法?
- 去掉文本域左右两端空格问题?
- 各位高手进来看看,关于attachEvent。
- Response.Write ("<script language=javascript> javascript:history.go(-1)</script>");能实现这样的功能吗
- 菜鸟问题,请指教。
- 谁有三级菜单的代码?
- jQuery中location('')函数在Chrome中显示Uncaught ReferenceError: load is not defined错误
- 求JS 改DIV ID值
- 求教表格隐藏的问题
实现表单没有按要求填写完的时候 按钮disabled=true,填写完成之后才能提交表单
然后提交表单的时候,再次验证表单内容是否正确填写,通过之后才给提交