表单验证的电子邮件网站和电话号码

问题描述：

ami我在这里做错了什么？我正在尝试使用javascript运行一小段验证bny。我正确地做正则表达式吗？表单验证的电子邮件网站和电话号码

var z=document.forms["myForm"]["website"].value; 
if (z==null || z=="") 
    { 
    $('.five').show(); 
    return false; 
    } 
var validWebsite = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-][email protected][a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/ 
if(!validWebsite.test(document.forms["myForm"]["website"].value)) 
{ 
    $('.five').html('Enter a Valid Website'); 
    return false; 
} 

var number = /^(\()?\d{3}(\))?(-|\s)?\d{3}(-|\s)\d{4}$/ 
if(!number.test(document.forms["myForm"]["number"].value)){ 
    $('.six').show() 
    return false; 
}

HTML

*email: <br> 
<input type="text" name="email"/><div class="four alertmessage" style="display:none;color:red;">Enter your Email</div><br> 
website: <br> 
<input type="text" name="website"/><div class="five alertmessage" style="display:none;color:red;">Enter your Website</div><br> 
Contact phone number: <br> 
<input type="text" name="number"/><div class="six alertmessage" style="display:none;color:red;">Enter your Number</div> 

<input name="submit" class="submitButton" type="submit" value="Submit">

发生了什么事，你问这个问题？你有错误吗？它工作吗？你做了什么故障排除？ – 2013-02-22 20:26:53

@ john--网站字段正在进行验证，但即使在我放置cirrect网站后，它仍未移动到下一个字段。可以说网站验证未正常运行 – soum 2013-02-22 20:29:51

如果您可以提供一些背景信息如何触发javascript。这是发生在窗体的提交事件？尝试调整http://jsfiddle.net/fqbyK/，直到您可以重新创建问题。 – Divey 2013-02-22 21:26:07

答

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
function validate() 
{ 
    var z=document.forms["myForm"]["website"].value; 
    if (z=="") 
    { 
     $('.five').show(); 
     return false; 
    } 

    var validWebsite = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/; 
    if(!validWebsite.test(z)){ 
     $('.five').html('Enter a Valid Website'); 
     return false; 
    } 

    var n=document.forms["myForm"]["number"].value; 
    var number = /^(\()?\d{3}(\))?(-|\s)?\d{3}(-|\s)\d{4}$/; 
    if(!number.test(n)){ 
    $('.six').show() 
    return false; 
    } 

    return true; 
} 
</script> 

<form onsubmit="return validate()" method="post" name="myForm"> 
*email: <br> 
<input type="text" name="email"/><div class="four alertmessage" style="display:none;color:red;">Enter your Email</div><br> 
website: <br> 
<input type="text" name="website"/><div class="five alertmessage" style="display:none;color:red;">Enter your Website</div><br> 
Contact phone number: <br> 
<input type="text" name="number"/><div class="six alertmessage" style="display:none;color:red;">Enter your Number</div> 

<input name="submit" class="submitButton" type="submit" value="Submit"> 
</form>

答

你可以参考这个链接JQuery form validation

表单验证的电子邮件网站和电话号码

相关推荐