表單驗證的電子郵件網站和電話號碼

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 soum

發生了什麼事，你問這個問題？你有錯誤嗎？它工作嗎？你做了什麼故障排除？ – 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>

來源

2013-02-23 07:05:36

你可以參考這個鏈接JQuery form validation

來源

2013-02-23 07:31:24

表單驗證的電子郵件網站和電話號碼

回答

相關問題