Problems encountered when using jquery. validate, jqueryvalidate
Question 1:
<Script src = ".. /js/jquery. js "> </script> <script src = ".. /js/jquery. validate. js "> </script> <script> $ (). ready (function () {$ ("# registerForm "). validate ();}); </script> <form id = "registerForm" method = "get" action = ""> <fieldset> <p> <label for = "cusername"> User Name </label> <input id = "cusername" name = "username" type = "text" data-rule-required = "true" data-rule-rangelength = "[2, 10]" data-msg -required = "username cannot be blank" data-msg-rangelength = "username must be 2 to 10 characters long"> </p> <label for = "cpassword "> password </label> <input id =" cpassword "name =" password "type =" password "data-rule-required =" true "data-rule-minlength =" 6 "data-msg-required =" the password cannot be blank "data-msg-minlength =" set at least six passwords "> </p> <label for =" cconfirmpassword "> Confirm password </label> <input id =" cconfirmpassword "name =" confirmpassword "type =" password "data-rule to =" # cpassword "data-msg- login to = "inconsistent passwords"> </p> <label for = "cemail"> email </label> <input id = "cemail" name =" email "data-rule-required =" true "data-rule-email =" true "data-msg-required =" email cannot be blank "data-msg-email =" email incorrect format "> </input> </p> <label for =" chasreferee "> select </label> <input type =" checkbox "if you have a recommender" id = "chasreferee" name = "hasreferee"> </p> <label for = "creferee"> recommender </label> <input id = "creferee" name = "referee" data-rule-required = "# chasreferee: checked "data-msg-required =" the recommender cannot be blank "> </input> </p> <input type =" submit "value =" submit "> </p> </fieldset> </form>
After reading the previous articles written by others, it seems that jquery is dependent. metadata. the js library is then written in the form of class = "required email". It seems a bit messy to write, and the class itself is rendered, it seems a bit messy to be attached with various validation rules. Fortunately, in the new version, there is a new writing method that does not rely on the above js library, it is simpler, more intuitive, and more powerful to redefine data-rule-validation rules and data-msg-prompts. The above test passed
My version of jquery. validate1.13.js
In this way, the message in the control does not take effect, and the following error occurs: Cannot read property 'call' of undefined garden contains many jquery. the validate article mentioned that it can be used. I think the version is outdated and I didn't try it out. In addition, I am also drunk when I unmount the verification class. The following test error is reported!
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Problem 2: no message is displayed after jQuery_validate is configured.
Cause: submit () times.
Example:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags" %>
There is a commit after jQuery verification, and I submitted it again in register (). After commenting out [document. forms [0]. submit ();], the problem is solved.