Qualquer página que envolva informações de edição do usuário e economia envolva verificar se os dados atendem aos requisitos e requer a verificação do lado do cliente e do servidor;
A verificação no lado do atendimento ao cliente é principalmente para melhorar a experiência do usuário, enquanto a verificação no lado do servidor é garantir a conformidade dos dados.
Este plug-in também suporta verificação do formulário para você. Adicione um necessário: verdadeiro à configuração das colunas que precisam ser verificadas. Ao regenerar o rótulo na frente do elemento de formulário, A * será gerado automaticamente na frente do rótulo, que é usado para solicitar que os dados sejam re-columizados serão verificados.
Verificação é usada. Para uso específico, consulte a API da Validação do JQuery.
O código é o seguinte (endereço da página: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form5-validation.html):
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> verificação de formulário </title> <meta name = "viewport" content = "width = device-width, scale inicial = 1"> <link Rel = "StyleSheet" href = "/ CSO-CSO-CSO-CSO-1 "Link Rel =" StylesHeet "Href = "/ cs. Rel = "Stylesheet" href = "../ css/site.css"> <script src = "../ lib/jquery.js"> </script> <script src = "../ lib/jquery.validate.js"> </script> <script src = "/bier Métodos-> <script src = "../ scripts/global.js"> </script> <!-plugin-> <script src = "../ scripts/plugin.js"> </crencript> </heeft> <body> <body> <div> <div> <bel> smart com verificação </etc. Formulário </button> </div> <div> <formulário = "#" id = "formContainer"> </morm> </div> <div> <div> <belty> introdução </belt> </div> <div> <batel> verificação de formulários </h3> <lockQuote> <p> Use a validação para a validação. Para outros métodos de verificação, consulte a validação do jQuery. Verificação personalizada global.fn.setDefaultValidator () Método no arquivo global.js, o arquivo é alterado para um arquivo de ferramenta, que define muitos métodos de ferramentas, incluindo seriização de formulário, formatação de data, julgamento da matriz, definição de verificação padrão, </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> ELES = [[{Label: {text: 'Custom Nome de usuário: '}, ele: {type:' text ', nome:' nome de usuário ', título:' nome de usuário: ', requerido: true}}, {ele: {type:' radio ', nam e: 'sexo', título: 'gênero:', itens: [{text: 'masculino', valor: 1}, {text: 'feminino', valor: 2}]}}, {ele: {type: 'caixa de seleção', Nome: 'Plant', Título: 'Usando a plataforma:', itens: [{text: 'app', valor: 'app'}, {text: 'web', value: 'web'}]}} ], [{ele: {type: 'select', nome: 'Província', título: 'Província:', withnull: true, itens: [{text: 'guangdong', valor: 'gd'}, {text: 'hunan', valor: 'hn'}]}}, {eLe: {pre: {{{{{{{{{ TIPO = "Rádio"> '}, Tipo:' Texto ', Nome:' DisplayName ', Título:' Nome de exibição: '}}, {ele: {type:' Search ', Title:' Product ', Id:' ProductName ', requerido: True}}, [{eLe: {Type:' DATETIME ', NOME:' Período: '}}, {ele: {type:' DateTime ', nome:' Todate ', título:' ~ '}},]]; // elementos de formulário ocultos são usados principalmente para edição. }). Render ('formContainer', função (BF) {var Model = {PrimaryKey: 1, Nome de usuário: 'xxg', sexo: 1, planta: ['app', 'web'], província: 'gd', exibirName: 'test', productName: 'Noteb Ook ', Fromedate:' 2015-06-10 ', TODATE:' 2015-08-08 '}; bf.initformData (Model);}); $ ("#btnsubMit"). bind (' click ', função () {if (! $ ("#FormContainer"). Valid ()) {alert ("Falha na verificação!");} else {var postData = bsform.getFormData (); alerta ("Os dados de expressão obtidos são:"+json.stringify (pós -dados); global.fn.setDefaultValidator (); // Defina regras de verificação $ ("#FormContainer").A coluna Nome de usuário está configurada com a verificação de preenchimento e comprimento necessária. A interface em execução exclui o valor do nome de usuário. Você pode ver o efeito ao enviar o formulário:
As renderizações são as seguintes: