jquery-validate

问题 I am using jquery validate with a form. I want to submit the form using ajax. When I put the ajax call in validate's submitHandler() The browser hangs. What's going on? The error message I get when I enable the validate method's debug is: uncaught exception: [Exception... "Illegal operation on WrappedNative prototype object" nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)" location: "JS frame :: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js :: f :: line 132" data: no

问题 Still kind of new and I just started using bootstrap but basically when using stock HTML I see name attributes being used like so <label for="email" class="label">E-mail Address</label> <input name="email" type="text" id="email"> but with bootstrap there is typically no name attr used. <div class="form-group"> <label for="inputPassword" class="col-lg-2 control-label">Password</label> <div class="col-lg-5"> <input type="password" class="form-control" id="inputPassword-" placeholder="Password">

问题 I have created form like this : <form> <div class='row user"> <div class="col-md-6 col-sm-6 input-group"> <input type="text" class="form-control" name="user[0][name]" placeholder="Enter speaker's name"> </div> <div class="col-md-6 col-sm-6 input-group"> <span class="input-group-addon" id="basic-addon1"><i class="fa fa-envelope"></i> </span> <input type="text" class="form-control" name="user[0][email]" placeholder="Email"> </div> </div> <button onclick="addMoreUser()" class="add-more">Add User

问题 I have a simple signup form with the following jQuery validation code: $(document).ready(function(){ $("#registerForm").validate({ rules: { Username: {required: true, minlength: 6}, Password: {required: true, minlength: 6}, re_Password: {required: true, equalTo: "#Password"} }, }); }); It validates correctly before I submit the form. The problem comes when I want to also do an AJAX submit of the form, because the form no longer validates and submits without validation: <form id="registerForm"

问题 I cannot make this jsFiddle work but it works in the browser: http://jsfiddle.net/vtortola/jYq2X/ I am trying to add a new custom rule to compare two fields. The custom adapter works, it is being called and setting the options. But the custom method is never called. I am executing this JS on DOM ready: $.validator.addMethod("customequal-method", function (val, el, p) { var $other = $(el).closest('form').find('input[name=' + p.other + ']'); return $other.length && $other.val() == val; }); $

问题 I have the following: public class Address { public string Email { get; set; } } public class CheckoutViewModel { public Address Address { get; set; } [Compare("Address.Email", ErrorMessage = "The email addresses you entered do not match")] public string ConfirmEmailAddress { get; set; } } With client-side JS, this works a treat and validates properly. However, when testing without Javascript enabled, The form posts back but the ModelState error reads: Could not find a property named Address

问题 i try to validate the form before submitting the request. i am using jquery validation i am expecting when page finish load, the form will auto submit, and i will see "Loading" in the div. but nothing happen here is my code. but seems it is not working.. <script type="text/javascript"> function submitForm() { $('#SearchForm').validate({ errorLabelContainer: "#ErrorLabel", rules: { instrument: { required: true, maxlength: 10 } }, messages: { maxlength: "Must no longer than 10 characters",

问题 I have a form containing a list of input fields that the user populates with prices (numbers). I have set their css classes to "required" and "number" so that the jQuery validation plugin validates them accordingly. All that is working perfectly well. The errors are displayed when each field is either not a number or the value is missing etc. This entire form is actually inside a nyroModal (jQuery plugin) model popup window. But that shouldn't matter, its just an .aspx web form regardless.

问题 I've used the jquery validation plugin quite a bit in the last few days, but have yet to use it with an ajax submit. What I have is below cut down to two fields. There are no errors for the values when submitting. There is no submission happening whatsoever when clicking the submit button. It just does nothing. HTML: <form id="account-info-form" action="/process/p_profile_info.php" method="post"> <div class="row margin-bottom-20"> <div class="col-md-6 form-group"> <label>First Name</label>

问题 Ho can I achieve this? I want to get the original value if the user left the field blank. This is what I got so far. Jsfiddle Demo Here is my code $(document).ready(function() { var field = $('input[type="text"]'); field.focus(function() { //Empty the field on focus var thisValue = $(this).val(); $(this).attr("value", ""); }); field.blur(function() { //Check the field if it is left empty if ($(this).val() == "") { //alert('This field can not be left empty'); $(this).val(thisValue); } }); });​