简单的form表单

开发工具与关键技术:MVC和from表单
作者:郑健鹏
撰写时间:2019年5月1日

今天我们来使用layui插件和VS实现简单的form表单,首先我们需要在项目的文件路径里创建个文件夹放置插件来供VS读取,为了美观的原因在编写代码的时候加入JQuery,加入JQuery的原因是写代码比较方便
当创建完项目,第一步就是先把我们需要的这三个插件引入,第二步则是显示form表单,以下是我使用的代码

上面的代码还使用了正则,是为了用户名只能使用数字,不能使用其他的英文或者汉字和特殊字符,一旦出现特殊的字符则会被删除
表单的提交是直接跳出一个空白的网页并且显示在网页上

//监听提交
form.on('submit(formDemo)', function (data) {
    document.write(JSON.stringify(data.field));
     return false;
});

下图是提交的结果和网页
简单的form表单_第1张图片
简单的form表单_第2张图片

你可能感兴趣的:(简单的form表单)