驗證空白字段後檢查另一個驗證規則

Question

我需要在驗證第一個規則（空白字段）後驗證另一個現成的壞詞過濾器。我準備好了所有的代碼，有人請幫我在頁面中添加第二個驗證。

這是我的jquery代碼，我需要包含第二個驗證。

$(function() { 
$("#review").focus(function() { 
    $("#comments").removeClass('hide') 
}); 
$("#sky-form").validate({ 
    rules: { 
     digits: { 
      required: true, 
      digits: true 
     }, 
     name: { 
      required: true 
     } 
    }, 
    messages: { 
     digits: { 
      required: 'Please enter a valid amount of Money' 
     }, 
     name: { 
      required: 'Please enter your username', 
     } 
    }, 
    submitHandler: function(g) { 
     $(g).ajaxSubmit({ 
      beforeSend: function() { 
       $('#sky-form button[type="submit"]').attr('disabled', true) 
      }, 
      success: function() {success funtion goes here} 

這是我需要包括在上面的第二個驗證碼。主要我需要這個函數 - bwords = badwords（textbox_val）; - 它會驗證空白字段沒問題後的壞字。

 <script language="javascript" type="text/javascript"> 
    function Message() 
    { 

    var textbox_val=document.form.textbox.value; 
    if(textbox_val=="") 
    { 
    alert("Please enter a message"); 
    return false; 
    } 

    bwords=badwords(textbox_val); 
    if(bwords>0) 
    { 
    alert("Your message contains inappropriate words. Please clean up your message."); 
    document.form.textbox.focus(); 
    return false; 
    } 

    } 
    </script> 

這些功能都被工作，但我只需要包括驗證像：第二個在上面的第一個腳本。

對不起，我很壞。

Answer 1

您可以在代碼中添加新規則。我將這個規則稱爲badWords，對於我來說 壞詞是壞的，所以當你嘗試在名稱字段中輸入BAD時，你會得到 驗證錯誤消息。

$.validator.addMethod("badWords", function(value, element) { 
 
    if (value.trim().length == 0) { 
 
    return false; 
 
    } 
 
    if (value == 'BAD') { 
 
    return false; 
 
    } 
 
    return true; 
 
}, "BAD WORD"); 
 
$(function() { 
 
    $("#sky-form").validate({ 
 
    rules: { 
 
     digits: { 
 
     required: true, 
 
     digits: true 
 
     }, 
 
     name: { 
 
     required: true, 
 
     badWords: true 
 
     } 
 
    }, 
 
    messages: { 
 
     digits: { 
 
     required: 'Please enter a valid amount of Money' 
 
     }, 
 
     name: { 
 
     required: 'Please enter your username', 
 
     } 
 
    } 
 
    }); 
 
});

<script src="http://code.jquery.com/jquery-1.11.3.js"></script> 
 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.js"></script> 
 

 

 
<form id="sky-form"> 
 
    <label for="ele1">Digits:</label> 
 
    <input type="text" id="ele1" name="digits"/> 
 
    <br/> 
 
    <label for="ele2">Name:</label> 
 
    <input type="text" id="ele2" name="name"/> 
 
    <br/> 
 
    <input type="submit" id="submit"/> 
 
</form>