Xác thực tùy chỉnh xác thực jQuery thêm không có xác thực không gian

Tôi có một biểu mẫu mà người dùng có thể cập nhật tên và họ của mình. Tôi sử dụng xác nhận hợp lệ jQuery để xác thực biểu mẫu. Làm cách nào tôi có thể xác thực nếu người dùng đặt không gian?Xác thực tùy chỉnh xác thực jQuery thêm không có xác thực không gian

đây là những gì tôi có:

<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>

nhờ

Nguồn

2011-11-12 Ken

này sử dụng mã javascript của bạn:

$(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 
     } 
    }); 
    }); 
});

Nguồn

2011-11-12 01:54:49

Xác thực tùy chỉnh xác thực jQuery thêm không có xác thực không gian

Trả lời

Các vấn đề liên quan