Question

$(document).ready(function(){
    var form = $("#contact_form");
    var FName = $("#fname"); //Creates Variables from forms 
    var FNameInfo = $("#fnameInfo");
    var Tele = $("#tele"); 
    var TeleInfo = $("#teleInfo"); 
    var Address = $("#address");
    var AddressInfo = $("#addInfo"); 
    var Email = $("#email");
    var EmailInfo = $("#EmailInfo"); 
    var regexp = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_.-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9.]+.[a-z]{2,4}$/; //ragex code 

    FName.blur(validateFName);  //blur is a method which attaches a functiom to run when an event occurs
    Email.blur(validateEmail); 
    Tele.blur(validateTele);
    Address.blur(validateAddress);

    form.submit(function(){
        jQuery.validator.addMethod("noSpace", function(value, element) { //Code used for blank space Validation 
            return value.indexOf(" ") < 0 && value != ""; 
        }, "No space please and don't leave it empty"); 

        $("contact_form").validate({
            rules: {
                name: {
                    noSpace: true
                }
            }
        });

        if (validateFName() & validateTele() & validateEmail() & validateAddress()) { //If it passes all of these then return true 
            return true;    
        } else {
            return false;        
        }
    }); 

    function validateFName() {   //Creates function for Name Validation+
        if (FName.val().length < 5) {        //If name is length is less than 5 
            FName.addClass("error");  //Display error 
            FNameInfo.text("Please Enter Correct Name"); //Changes span name 
            FNameInfo.addClass("error");  //Same error 
            FNameInfo.removeClass("Valid");                  
            return false; 
        } 
        else  { 
            FName.removeClass("error");   //remove error class 
            FNameInfo.addClass("Valid") 
            FNameInfo.text("Thanks Buddy" );  //When user enters correct code this text will appear 
            FNameInfo.removeClass("error"); 
            return true; 
        }
    }

<div> 
    <label for="name">Full Name</label>
    <input id="fname" name="fname" type="text" /> 
    <span id="fnameInfo">Whats your full name?</span>
</div>

当用户输入空格时，如何让验证用于全名？我有上面的代码，但它似乎没有做任何事情。我需要更改功能参数吗？

Answer 1

"contact_form"需要#代表id或.代表。

，全名的name为fname。

所以： -

$("#contact_form").validate({
    rules: {
       fname: {
         noSpace: true
       }
    }
});

应该有用。

FIDDLE

验证jquery表单如何不允许全名空格

1 个答案: