jQuery 유효성 검사 유효성 검사 유효성 검사 추가 공간 없음

사용자 이름과 성을 업데이트 할 수있는 양식이 있습니다. jQuery 유효성 검사를 사용하여 양식의 유효성을 검사합니다. 사용자가 공백을 넣으면 유효성을 검사하려면 어떻게해야합니까?jQuery 유효성 검사 유효성 검사 유효성 검사 추가 공간 없음

<script> 
$(document).ready(function(){ 
    $('#submit').click(function() { 
    var valid = $("#myform").valid(); 
    if(!valid) { 
    return false; 
    } 
    $.ajax({ 
    type: "POST", 
    url: 'save', 
    data: $('#myform').serialize(), 
    dataType: 'json', 
    cache: false, 
    success: function(result) { 
     // redirect to another page 
    } 
    }); 
    }); 
    }); 
</script> 

</head> 
<body> 


<form id="myform" method="post" action=""> 
<fieldset> 
<legend>update name</legend> 
<p> 
<label for="fname">Name</label> 
<em>*</em><input id="fname" name="fname" size="25" class="required" minlength="2" /> 
</p> 
<p> 
<label for="lname">Last Name</label> 
<em>*</em><input id="lname" name="lname" size="25" class="required" minlength="2" /> 
</p> 
<p> 
<input id="submit" type="submit" value="Submit"/> 
</p> 
</fieldset> 
</form>

주셔서 감사합니다 자바 스크립트 코드에 대한

출처

2011-11-12 Ken

사용이 :

$(document).ready(function() { 

    jQuery.validator.addMethod("noSpace", function(value, element) { 
    return value.indexOf(" ") < 0 && value != ""; 
    }, "Space are not allowed"); 

    $("#myform").validate({ 
    errorLabelContainer: $("#error"), 
    rules: { 
     fname: { required: true, noSpace: true }, 
     lname: { required: true, noSpace: true } 
    }, 
    messages: { 
     fname: { required: 'Please enter your name' }, 
     lname : { required: "Please enter your last name" } 
    } 
    }); 

    $('#submit').click(function() { 
    var valid = $("#myform").valid(); 
    if(!valid) { 
     return false; 
    } 
    $.ajax({ 
     beforeSend: function() { 
     // display loading message 
     }, 
     type: "POST", 
     url: 'save', 
     data: $('#formdata').serialize(), 
     dataType: 'json', 
     cache: false, 
     success: function(result) { 
     if(result.error) { 
      // show error message 
     } 
     else { 
      // redirect to another page 
     } 
     }, 
     error: function (response, desc, exception) { 
     // show ajax error 
     }, 
     complete: function() { 
     // hide loading message 
     } 
    }); 
    }); 
});

여기

내가 가진 무엇

출처

2011-11-12 01:54:49

jQuery 유효성 검사 유효성 검사 유효성 검사 추가 공간 없음

답변

관련 문제