long8.com

当前位置:龙8官网long8 > long8.com > jquery判断邮箱及密码是否输入正确的表单提交

jquery判断邮箱及密码是否输入正确的表单提交

来源:http://www.sketchydesignstudio.com 作者:龙8官网long8 时间:2019-11-10 11:39

        jquery小编接触的亦不是贪滥无厌,基本正是照着案例然后查相关办法做出来的,基本用了大概半天的时日,手打加查资料实现。具体如下,首先下载叁个jquery包,网站是 小编下载的是首先个Download the compressed, production jQuery 3.2.1 压缩版的3.2.1,第二部引进验证页面,代码<script src="plugins/js/jquery-3.2.1.min.js" type="text/javascript"></script> 路线依照本身放的职务校正,接下去是写入验证代码,写的时候注意语句结构及单词的不易,不然轻松现身没有必要的荒唐,出错后认真调节和测量试验就可以。

<script type="text/javascript">
$(function()
{
$("form :input.required").each(function()
{
var $required = $("<strong class='high'>  *</strong>");
$(this).parent().append($required);
});
$('form :input').blur(function()
{
var $parent = $(this).parent();
$parent.find(".formtips").remove();
//验证密码
if( $(this).is("#password"))
{
if( this.value=="" || this.value.length< 6)
{
var errorMsg ="请输入起码6位密码";
$parent.append('<span class="formtips onError" >'+errorMsg+'</span>');
}else{
var okMsg = '输入准确!';
$parent.append('<span class="formtips onSuccess">'+okMsg+"</span>");
}
}
if( $(this).is("#email"))
{
if( this.value=="" || ( this.value!="" && !/.+@.+.[a-zA-Z]{2,4}$/.test(this.value)))
{
var errorMsg = '请输入精确的E_MAIL地址.';

$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
}else{
var okMsg = '输入准确!';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}

});
$('#send').click(function()
{
$("form :input.required").trigger('blur');
var numError = $('form .onError').length;
if(numError)
{
return false;
}
return true;
});
//$('#res').click(function()
// {
// $(".formtips").romove;
// })
})
</script>

form内容是那般的

<form id='login' action='login.php' method='post' accept-charset='UTF-8' name="myfrom">
<h1>Sign in</h1><hr/>
<table style="width:80%;">
<tr><td width="24%">Email</td><td width="76%"><input type="text" name="email" id="email" style="width:200px;" class="required"/></td></tr>
<tr><td>Password</td><td><input type="password" name="password" style="width:200px;" id="password" class="required" /></td></tr>
<tr><td>Remember Me</td><td><input type="checkbox" name="remember" id="password:" /></td></tr>
<tr><td><a href="forgetpassword.php">Forgot your Password?</a></td><td><input type="submit" value="Sign In" name="submit" style="width:150px;" id="send" /></td></tr>
<tr><td colspan="2"> </td></tr>
<tr><td colspan="2"><a href="signup.php">Sign up</td></tr>
</table>
</form>

大旨那样就能够了,但是jquery代码还会有能够简单的地点,那些有待前期随着研商。

本文由龙8官网long8发布于long8.com,转载请注明出处:jquery判断邮箱及密码是否输入正确的表单提交

关键词:

上一篇:没有了

下一篇:没有了