jquery-validate

问题 I am trying to get get a group of inputs to validate as one. So if any of the inputs is empty, it will show a message below the inputs. I have been following another SO answer here. The 4 inputs will not validate. They just don't do anything when there is no data on submit. My other inputs validate just fine. Here is my form: <div class="creditcard form-group"> <h2>Credit Card</h2> @Html.TextBoxFor(model => model.cardNumber, new { @class = "form-control cc", @id = "CardNum", @placeholder =

问题 I have a form that opens up inside of a dialog after a click event. I'm wondering if there is a syntax problem in my jquery that I'm not noticing. None of the logs in the submit handler function are logging. HTML: <div id="dialog" title="Thanks For Volunteering"> <form> <p>Please provide a contact number. It will only be shared with the comic</p> <input id="number" name="number" type="text" /> <button id="submit" class="button">Submit</button> </form> </div> JavaScript: $("form").submit

问题 I have a form that opens up inside of a dialog after a click event. I'm wondering if there is a syntax problem in my jquery that I'm not noticing. None of the logs in the submit handler function are logging. HTML: <div id="dialog" title="Thanks For Volunteering"> <form> <p>Please provide a contact number. It will only be shared with the comic</p> <input id="number" name="number" type="text" /> <button id="submit" class="button">Submit</button> </form> </div> JavaScript: $("form").submit

问题 This question already has answers here : Twitter Bootstrap and jQuery Validation Plugin - use class=“control-group error” (2 answers) Closed 4 years ago . I am working with the jQuery Validate plugin and I am trying to use the errorPlacement and success callbacks to add and remove the bootstrap class has-error . Currently, the errorPlacement callback works but since the success callback returns the error label (which I'm not using) I'm not sure what to do. I need access to my input again in

问题 I know this've been answered in here But my html looks like below : <div > <label> <input type="checkbox" name="service_area[]" value="colorado">colorado</label> <label> <input type="checkbox" name="service_area[]" value="michigan">michigan</label> </div> <div > <label> <input type="checkbox" name="fav[]" value="skiing">skiing</label> <label> <input type="checkbox" name="fav[]" value="volley">volley</label> </div> Objectives : name must have array, in here : service_area[] must show only one

问题 HTML form: <form id="add"> <label>Song:</label> <input type="text" name="song" class="form-control"><br> <label>Upload Mp3:</label> <input type="file" name="file" class="form-control"><br> <input type="submit" class="btn btn-default" value="Add"> </form> jQuery Validation: $("#add").validate({ rules: { song: { required:true, }, file: { required: false, extension: "mp3|mpeg|mp4" }, }, }); The extension method isn't working. Whenever I submit, the page reloads. 回答1: From the documentation Some

问题 I am trying to use MVC Foolproof library to validate my model and show error message respectively. However when I use Foolproof validation, on clicking the submit button even the regular validation is not showing. My requirement is that I have a numeric textbox and it should not be null or zero.The textbox value is calculated based on the value selected from the previous dropdownlist. Below is the code for both fields in the model with data annotation, using Foolproof; [Required(ErrorMessage

问题 Is there a way to dynamically (i.e. from JS code) set/change the language of error messages, using the existing translations available in the repo? Non-solution #1 : Loading a localization script ( <script type="text/javascript" src="localization/messages_XX.js"> ) won't work because it cannot be changed on the client-side. Non-solution #2 : Setting custom messages with setDefaults requires me to come up with my own strings instead of reusing the existing ones. 回答1: Use jQuery $.extend() to

问题 I am following this Invisible ReCaptcha doc on my php website: http://www.pinnacleinternet.com/installing-invisible-recaptcha/ everything works well. but while implement on multiple forms in a same page then Captcha only work on first form and not sure what’s happening with the second form, I curious to know how its work with multiple forms in a single page. Or anyone please suggest a working doc for multiple forms? //this is @Geordy's javascript portion modified according to jquery.validate

问题 I am using ASP.NET MVC. I have a problem with calender - date validation. The codes for this calendar are in the following : <script> $(function () { $(".date").datepicker({ dateFormat: 'dd.mm.yy' }). }); </script> <tr> <td style="text-align:left; padding-left:50px;"> @Html.TextBoxFor(model => model.startdate, "{0:dd.MM.yyyy}", new { @class = "date", style = "width:65px; font-weight: bold;", @readonly = "true" }) </td> </tr> I validate the fields of the form by JQuery validation plugin. For