Use realmente_easy_field_validation_with_prototype para verificação de formulário, o conteúdo específico é o seguinte
1. O primeiro passo é, obviamente, a introdução de arquivos JS e CSS primeiro.
<link href = "$ {ctx} /skin/css/validation.css" rel = "steheet" type = "text/css"/> <script type = "text/javascript" src = "$ {ctx}/script/ProType.js"> </script> </script> </script> </script> </script> ctx} /scripts/validation.js "> </sCript>2. Então eu adicionei o código a seguir no início da página (coloquei esse código no meta.jsp porque cada JSP o contém no cabeçalho.)
function AfterLoaded () {if (document.all) {var forms = document.forms; if (forms.length> 0) {for (var i = 0; i <forms.length; i ++) {if (forms [i] ["método: salvar"]) nova validação (forms [i]); }} window.clearInterval (inteval); Inteiro = nulo; }} var integer = window.setInterval ("Afterilled ();", 500);3. Se você deseja verificar uma caixa de entrada, basta adicionar alguns logotipos à sua classe. como
Copie o código do código da seguinte forma: <input type = "text" name = "payable.howmuch" value = "" id = "payable_howmuch"/>
Isso significa que esse campo é necessário e precisa ser um número. Para outro conteúdo, basta olhar para o código no final do validation.js e você entenderá.
4. Além disso, fiz algumas modificações no validation.js, porque um de nossos formulários possui vários botões de envio e geralmente apenas o nome = método: o botão Salvar precisa ser acionado quando clicado, para que o JS de verificação seja modificado.
Coloque o original
A cópia do código é a seguinte: if (this.options.OnsubMit) event.observe (this.form, 'submit', this.OnsubMit.bind (this), false);
Mudar para
A cópia do código é a seguinte: if (this.options.Onsubmit) event.observe (this.form ["método: salvar"], 'clique', this.OnsubMit.bind (this), false);
Existem problemas com isso, mas pelo que somos agora, isso é mais adequado.
5. O CSS original teve um impacto nos botões, etc., então removi todo o conteúdo dessas fronteiras.
6. Esta estrutura de verificação parece considerar apenas algumas situações. Se você deseja usá -lo com flexibilidade, precisa levar algum tempo para entendê -lo em detalhes. Ele também fornece um mecanismo de retorno de chamada. Depois de baixar sua versão original, você pode ver a demonstração no HTML.
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.