Любая страница, которая включает в себя информацию об редактировании пользователей и сохранение, включает в себя проверку, соответствует ли данные требованиям, и требует проверки со стороны клиента и сервера;
Проверка на стороне обслуживания клиентов в основном для улучшения пользовательского опыта, в то время как проверка на стороне сервера заключается в обеспечении соответствия данных.
Этот плагин также поддерживает проверку формы для вас. Добавьте необходимое: верно в конфигурацию столбцов, которые необходимо проверить. При восстановлении метки перед элементом формы A * будет автоматически генерироваться перед этикеткой, которая используется для того, чтобы побудить данные о повторном конколке, будут проверены.
Проверка используется. Для конкретного использования, пожалуйста, обратитесь к API валидации jQuery.
Код следующим образом (адрес страницы: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form5-validation.html):
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> Проверка формы </title> <meta name = "viewport" content = "width = device-width, начальная склада = 1"> <link rel = "stylesheet" href = "../ css/baytrap.cscs '> <! rel = "styleSheet" href = "../ css/site.css"> <script src = "../ lib/jquery.js"> </script> <script src = "../ lib/jquery.validate.js"> </script> <script src = "../ lib/bootstrap.js"> </script> </script> </script> </script> </script> </script> </script> </script> </script> </script> </script> </script> src = "../ scripts/global.js"> </script> <!-плагин-> <script src = "../ scripts/plugin.js"> </script> </head> <body> <div> <div> <sakel> Smart Form с проверкой </label> <div> <buthde id = "btnsubmit"> wep form </label> <div> <futne id = "btnsubmit"> div> </label> <div> <futne = "btnsubmit"> div> </label> <div> <futton> <buthnte Id = "div> </label> <div> <futton> <buted =" btnsubmit " id = "formContainer"> </form> </div> <div> <div> <babel> Введение </label> </div> <div> <babel> Проверка форм </h3> <blockquote> <p> Используйте валидацию jquery для проверки. Для других методов проверки, пожалуйста, обратитесь к проверке jQuery. Пользовательская проверка Global.fn.setDefaultValidator () Метод в файле Global.js изменяется на файл инструментов, который определяет многие методы инструмента, включая сериализацию форм, форматирование даты, суждение массива, настройка проверки по умолчанию, отображение сообщения, всплывающее окно, плагин инициализации, Formazation, file, сохранение и т. Д. eles = [[{label: {text: 'custom Имя пользователя: '}, ele: {type:' text ', name:' username ', заголовок:' username: ', требуется: true}}, {ele: {type:' radio ', nam E: 'sex', название: 'Gender:', элементы: [{text: 'male', значение: 1}, {text: 'nable', value: 2}]}}, {ele: {type: 'fackbox', Имя: «Пласти», заголовок: «Использование платформы: ', элементы: [{text:' app ', value:' app '}, {text:' web ', value:' web '}]}}}}}}}}}}}}}}}}}} ], [{ele: {type: 'select', имя: «провинция», заголовок: «Провинция: ', withnull: true, элементы: [{text:' guangdong ', значение:' gd '}, {text:' hunan ', value:' hn '}]}}, {ele: {pre: {{text:' antrod type = "radio"> '}, type:' text ', name:' displayname ', заголовок:' отображение имя: '}}, {ele: {type:' search ', title:' продукт ', id:' productname ', обязательно: true}}], [{ele: {type:' DateTime ', имя:' fromedate ', tilt:' aldation ПИЛОВ: '1,3'}). Render ('formContainer', function (bf) {var Model = {PrimaryKey: 1, имя пользователя: «XXG», пол: 1, растение: ['app', 'web'], провинция: 'gd', displayname: 'test', productName: 'noteb OOK ', Fromedate:' 2015-06-10 ', Todate:' 2015-08-08 '}; bf.initformdata (model);}); $ ("#btnsubmit"). Bind (' click ', функция () {if (! $ ("#formContainer"). Valid ()) {alert ("Проверка не удалась!");} else {var postdata = bsform.getformdata (); alert ("Полученные данные выражения:"+json.stringify (postdata)); Global.fn.setDefaultValidator (); // Определить правила проверки $ ("#formContainer"). Validate ({правила: {username: {требуется: true, minlength: 3, maxlength: 10}, productName: {tran: true}}});};});Столбец имени пользователя настроен с необходимым заполнением и проверкой длины. Запуск интерфейса удаляет значение имени пользователя. Вы можете увидеть эффект при отправке формы:
Рендеринги следующие: