必填字段驗證jQuery中

-1

領域：

名稱（文本） - >如果輸入值。當沒有輸入&出來它會顯示錯誤信息。
電子郵件（正則表達式） - >檢查郵件格式
性別（單選按鈕） - >任何一個無線電按鈕應選擇
位置（下拉） - >無輸入下拉菜單將顯示錯誤信息
手機號碼（文本） - >只輸入數字

上述所有類型的驗證，我需要的。

$('#Email').click(function(){ 
      var name=$('#Name').val(); 
      if(name==""){ 
       $('#Name').after('<div class="red">Name is Required</div>'); 

      } 
      });

但是，只要我點擊郵箱，它會顯示錯誤消息。怎麼做？請幫幫我？我試過1個場名稱

來源

2013-07-19 PoliDev

嘿，你正在做的電子郵件點擊fucntino，但對＃NAME檢查，這是你需要的。如果是這樣，這可能發生 1.名稱字段爲空， 2.現在，當您單擊#Email字段時，則#Name字段正在驗證。爲什麼不能使用jquery.validator.js插件，它將滿足您的需求。 –

搜索模糊（），selectedIndexChanded（）事件和電子郵件正則表達式'/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+ \。）+（[a-zA-Z0-9] {2,4}）+ $ /'並搜索如何使用它。 – imVJ

你不應該做的click事件電子郵件文本框的，但對blur事件名文本框。只要控件失去焦點，模糊事件就會被觸發。試試這個，

$("#Name").blur(function(){ 
    if(this.val().length == 0){ 
     $(this).after('<div class="red">Name is Required</div>'); 
    } 
});

在這裏，我檢查#Name文本框，每當它失去焦點內部值的長度。現在，當您提交表單時，您必須在用戶按下按鈕單擊事件時再次進行此檢查。

與驗證電子郵件字段類似，您將使用@onlyVJ給出的正則表達式。

/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/

你會得到從文本框中的值，並用正則表達式匹配它，使用賽。 Follow this link to learn more.這將在blur事件#Email文本

EDITED來完成 -

我不會給你的代碼，但是，我會指示你的方法，你可以使用。

對於下拉 -

您可以將模糊事件下拉列表，並檢查是否你在一開始顯示在頁面加載時仍選擇值默認值。如果是這樣，顯示錯誤，否則不。

對於單選按鈕 -

檢查這個jsFiddle。從here抓住。您應該可以使用它來配置您的代碼，以便在未選中單選按鈕時顯示錯誤。

來源

2013-07-19 06:50:42

你能指導我下拉和單選按鈕嗎？ – PoliDev

@AngDei更新了我的代碼。 –

您需要使用blur事件來識別某個元素已失去焦點。有關更多信息和示例，請訪問documentation for blur。

如果你想要，你也可以嘗試jQuery驗證插件。訪問jQuery Validation Plugin website

來源

2013-07-19 06:55:31

這樣的事情...

$("#element").blur(function(){ 
    $(this).validate({ 
     // your code here 
    }) 
})

來源

2013-07-19 06:57:43

必填字段驗證jQuery中

回答

相關問題